"use strict";

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

const styleh_components_1 = require("styleh-components");

const Figure_1 = require("@skava/ui/dist/components/molecules/Figure");

const StyledFigure = styleh_components_1.styled(Figure_1.Figure)`position:relative;background:var(--color-light-grey);${Figure_1.StyledImage}{width:auto;}${Figure_1.FigureCaption}{position:absolute;left:0;bottom:1rem;padding:0.25rem 0.5rem;color:var(--color-pure-white);font-size:0.875rem;min-width:5.875rem;}${props => props && props.captionColor && styleh_components_1.styled.css`${Figure_1.FigureCaption}{background:${props.captionColor};}`}`;
exports.StyledFigure = StyledFigure;