"use strict";

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

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

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const NavigationList_1 = require("../NavigationList");

const MultipleLinkList_1 = require("../MultipleLinkList");

const SectionLinkList_1 = require("../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%);`;
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:var(--color-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:var(--color-black);}${Text_1.LabelElement}{font-size:14px;color:var(--color-dark-grey);}`;
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:var(--color-blue);${Text_1.LabelElement}{color:var(--color-pure-white);}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;