"use strict";

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

const tslib_1 = require("tslib");

const styleh_components_1 = tslib_1.__importDefault(require("styleh-components"));

const Image_1 = require("../../../atoms/Image");

const CarouselWrapper = styleh_components_1.default.section`position:relative;overflow:hidden;`;
exports.CarouselWrapper = CarouselWrapper;
const CarouselPanel = styleh_components_1.default.div`height:auto;position:relative;`;
exports.CarouselPanel = CarouselPanel;
const ItemListPanel = styleh_components_1.default.div`width:100%;height:100%;display:flex;align-items:center;justify-content:left;transition:all 600ms ease;transform:${props => 'translateX(-' + props.translatePercentage + '%)'};`;
exports.ItemListPanel = ItemListPanel;
const ItemPanel = styleh_components_1.default.div`flex:0 0 ${props => props.flexWidth}%;padding-left:${props => props.gridGap / 2 + 'px'};padding-right:${props => props.gridGap / 2 + 'px'};height:100%;display:flex;align-items:center;justify-content:center;transition:all 600ms ease;`;
exports.ItemPanel = ItemPanel;
const StyledImage = styleh_components_1.default.withComponent(Image_1.Image)`display:flex;flex-direction:row;align-items:center;`;
exports.StyledImage = StyledImage; //# sourceMappingURL=styled.js.map