@stokr/components-library
Version:
STOKR - Components Library
25 lines (24 loc) • 1.51 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.ChartContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const colorTheme = props => ({
blue: {
primary: _theme.default.cPrimary,
dark: _theme.default.cPrimaryDark
},
red: {
primary: _theme.default.cWarning,
dark: _theme.default.cWarningDark
}
});
const ChartContainer = exports.ChartContainer = (0, _styledComponents.default)(_ComponentWrapper.default).withConfig({
displayName: "Analyticstyles__ChartContainer",
componentId: "sc-wgv3ti-0"
})([".slick-arrow{width:64px;height:48px;background:", ";z-index:10;transition:0.3s ease background;margin-top:10px;&:hover,&:focus{background:", ";&::before{color:", " !important;}}}.slick-arrow.slick-prev{top:auto;left:auto;bottom:0;right:64px;transform:translateY(100%);}.slick-arrow.slick-next{top:auto;left:auto;bottom:0;right:0;transform:translateY(100%);border-left:1px solid ", ";}"], props => colorTheme(props)[props.colorTheme].primary, props => colorTheme(props)[props.colorTheme].dark, props => _theme.default.cWhite, props => colorTheme(props)[props.colorTheme].dark);
var _default = exports.default = ChartContainer;