"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
/**
 * Page Area
 */
const PageArea = view_container_1.styled.div `
  display: grid;
  grid-template-areas:
    'header'
    'adspotArea'
    'banner'
    'categorygrid'
    'promo'
    'tabpanel'
    'video'
    'video1'
    'newsletter'
    'footer';
`;
exports.PageArea = PageArea;
/**
 * Header
 */
const HeaderArea = view_container_1.styled.div `
  grid-area: header;
  display: grid;
  grid-template-areas: 'headerTopArea' 'headerBottomArea';
`;
exports.HeaderArea = HeaderArea;
const HeaderTopArea = view_container_1.styled.div `
  grid-area: headerTopArea;
  background-color: #273238;
  min-height: 44px;
`;
exports.HeaderTopArea = HeaderTopArea;
const HeaderBottomArea = view_container_1.styled.div `
  grid-area: headerBottomArea;
  background-color: #36474f;
  min-height: 82px;
`;
exports.HeaderBottomArea = HeaderBottomArea;
/**
 * Adspot
 */
const AdspotArea = view_container_1.styled.div `
  grid-area: adspotArea;
  background-color: #465a65;
  min-height: 40px;
`;
exports.AdspotArea = AdspotArea;
/**
 * Content
 */
const PageContentArea = view_container_1.styled.div `
  grid-area: banner;
  background-color: #ccc;
  min-height: 410px;
  display: grid;
  grid-template-areas: 'heading' 'multibanner';
  background: url(//d16rliti0tklvn.cloudfront.net/2673/1520333247025.1838917399.jpg) 0px 0px / 100%
    no-repeat;
`;
exports.PageContentArea = PageContentArea;
const HeadingArea = view_container_1.styled.div `
  grid-area: heading;
  background: #546f7a;
  min-height: 244px;
`;
exports.HeadingArea = HeadingArea;
const MultibannerArea = view_container_1.styled.div `
  grid-area: multibanner;
  background: #607d8b;
  min-height: 680px;
`;
exports.MultibannerArea = MultibannerArea;
const CategoryGridArea = view_container_1.styled.div `
  grid-area: categorygrid;
  background: #78909c;
  min-height: 351px;
`;
exports.CategoryGridArea = CategoryGridArea;
const PromoArea = view_container_1.styled.div `
  grid-area: promo;
  background: #90a4ad;
  min-height: 136px;
`;
exports.PromoArea = PromoArea;
const TabPanelArea = view_container_1.styled.div `
  grid-area: tabpanel;
  background: #b0bfc6;
  min-height: 460px;
`;
exports.TabPanelArea = TabPanelArea;
const VideoWrapArea = view_container_1.styled.div `
  grid-area: video;
  min-height: 550px;
  background: #d0d7dd;
`;
exports.VideoWrapArea = VideoWrapArea;
const VideoWrap1Area = VideoWrapArea.extend `
  grid-area: video1;
  background: #ebeff2;
`;
exports.VideoWrap1Area = VideoWrap1Area;
const NewsletterArea = view_container_1.styled.div `
  grid-area: newsletter;
  background: #42a5f6;
  min-height: 153px;
`;
exports.NewsletterArea = NewsletterArea;
/**
 * Footer
 */
const FooterArea = view_container_1.styled.div `
  background-color: #8dcbfc;
  grid-area: footer;
  min-height: 297px;
`;
exports.FooterArea = FooterArea;
//# sourceMappingURL=styled.js.map