"use strict";

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

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

const SelectDropDown_1 = require("@skava/ui/dist/components/molecules/SelectDropDown");

const StyledColorSelectDropDown = styleh_components_1.styled(SelectDropDown_1.SelectDropDown)``;
exports.StyledColorSelectDropDown = StyledColorSelectDropDown;
const ColorItemContent = styleh_components_1.styled.div`width:1.5rem;height:1.5rem;border:1px solid var(--color-light-grey);${props => props.value && (props.value.includes('https') || props.value.includes('http')) && styleh_components_1.styled.css`background-image:url(${props.value});`};${props => props.value && styleh_components_1.styled.css`background-color:${props.value};`};`;
exports.ColorItemContent = ColorItemContent;
const ColorOption = styleh_components_1.styled(SelectDropDown_1.StyledOption).attrs({
  role: 'option'
})`display:flex;align-items:center;`;
exports.ColorOption = ColorOption;