"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;position:absolute;margin:auto;top:0;bottom:0;z-index:1;${props => props.align === 'left' && styleh_components_1.default.css`left:0;right:auto;`} ${props => props.align === 'right' && styleh_components_1.default.css`left:auto;right:0;`} opacity:${props => props.shouldActive === true ? 1 : 0.5};pointer-events:${props => props.shouldActive === true ? 'auto' : 'none'};`;
exports.NavigationIcon = NavigationIcon; //# sourceMappingURL=styled.js.map