"use strict";

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

const tslib_1 = require("tslib");

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

const MaterialIcon_1 = require("../../../atoms/MaterialIcon");

const NavigationIcon = styleh_components_1.default(MaterialIcon_1.MaterialIcon)`fill:${props => props.arrowIconColor};width:${props => props.arrowIconSize}px;cursor:pointer;height:auto;`;
exports.NavigationIcon = NavigationIcon;
const LeftNavigationIconWrapper = styleh_components_1.default.div``;
exports.LeftNavigationIconWrapper = LeftNavigationIconWrapper;
const RightNavigationIconWrapper = styleh_components_1.default.div``;
exports.RightNavigationIconWrapper = RightNavigationIconWrapper;
const NavigationArrow = styleh_components_1.default.button`position:absolute;margin:auto;top:0;bottom:0;z-index:1;height:2.75rem;display:flex;${props => props.align === 'left' && styleh_components_1.default.css`left:0;right:auto;justify-content:flex-end;`} ${props => props.align === 'right' && styleh_components_1.default.css`left:auto;right:0;`} ${props => props.isActive === false && styleh_components_1.default.css`opacity:0.5;${NavigationIcon}{pointer-events:none;}`}`;
exports.NavigationArrow = NavigationArrow; //# sourceMappingURL=styled.js.map