"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

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 = styleh_components_1.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 = styleh_components_1.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 = styleh_components_1.styled.div`
  background: red;
`;
exports.ListOfButtonWrapper = ListOfButtonWrapper;
const ListOfLinksGridWrapper = styleh_components_1.styled.div`
  background: white;
  padding: 15px 30px;
  display: grid;
  flex-direction: column;
`;
exports.ListOfLinksGridWrapper = ListOfLinksGridWrapper;
const GridPanel = styleh_components_1.styled.div`
  ${Text_1.H1} {
    font-size: 1rem;
    color: #2c2c2c;
  }

  ${Text_1.LabelElement} {
    font-size: 14px;
    color: #5f6c88;
  }
`;
exports.GridPanel = GridPanel;
const ImageWrapper = styleh_components_1.styled.div`
  background: white;
`;
exports.ImageWrapper = ImageWrapper;
const ViewAllText = styleh_components_1.styled.withComponent(Text_1.Label)`
  text-transform: capitalize;
  font-size: 1rem;
  margin-bottom: 15px;
`;
exports.ViewAllText = ViewAllText;
const NavigationListItem = styleh_components_1.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 = styleh_components_1.styled.withComponent(MultipleLinkList_1.MultipleLinkList)`
  ${SectionLinkList_1.StyledLink} {
    color: inherit;
    text-decoration: none;
  }
`;
exports.StyledMultipleLinkList = StyledMultipleLinkList; //# sourceMappingURL=styled.js.map