"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Text_1 = require("atoms/Text");
const NavigationList_1 = require("presets/NavigationList");
const MultipleLinkList_1 = require("presets/MultipleLinkList");
const SectionLinkList_1 = require("presets/SectionLinkList");
const MenuListWrapper = styled.div `
  background: -webkit-linear-gradient(180deg, #fffeff 50%, whitesmoke 50%);
  background: linear-gradient(-90deg, #fffeff 50%, whitesmoke 50%);
  /*background: -moz-gradient(180deg, #fffeff 50%, whitesmoke 50%);*/
`;
exports.MenuListWrapper = MenuListWrapper;
const MenuListPanel = styled.div `
  background: white;
  display: grid;
  flex-direction: column;
  grid-template-columns: 200px auto 300px;
  max-width: 1200px;
  margin: auto;
`;
exports.MenuListPanel = MenuListPanel;
const ListOfButtonWrapper = styled.div `
  background: red;
`;
exports.ListOfButtonWrapper = ListOfButtonWrapper;
const ListOfLinksGridWrapper = styled.div `
  background: white;
  padding: 15px 30px;
  display: grid;
  flex-direction: column;
`;
exports.ListOfLinksGridWrapper = ListOfLinksGridWrapper;
const GridPanel = styled.div `
  ${Text_1.H1} {
    font-size: 1rem;
    color: #2c2c2c;
  }

  ${Text_1.LabelElement} {
    font-size: 14px;
    color: #5f6c88;
  }
`;
exports.GridPanel = GridPanel;
const ImageWrapper = styled.div `
  background: white;
`;
exports.ImageWrapper = ImageWrapper;
const ViewAllText = styled.withComponent(Text_1.Label) `
  text-transform: capitalize;
  font-size: 1rem;
  margin-bottom: 15px;
`;
exports.ViewAllText = ViewAllText;
const NavigationListItem = styled.withComponent(NavigationList_1.NavigationList) `
  background: whitesmoke;

  ${NavigationList_1.NavListStyledButton}:hover {
    background: #159FD5;

    ${Text_1.LabelElement} {
      color: #fff;
    }

    svg {
      display: none;
    }
  }
`;
exports.NavigationListItem = NavigationListItem;
const StyledMultipleLinkList = styled.withComponent(MultipleLinkList_1.MultipleLinkList) `
  ${SectionLinkList_1.StyledLink} {
    color: inherit;
    text-decoration: none;
  }
`;
exports.StyledMultipleLinkList = StyledMultipleLinkList;
//# sourceMappingURL=styled.js.map