import { __makeTemplateObject } from "tslib";
import styled, { css } from "styled-components";
import { IconBrokenMoreSquare } from "@greenatom/icons";
import { LIGHT_THEME } from "../../../Pallette/themes";
import { defaultThemeSelect } from "../../../SelectBase/themes";
import { getTheme } from "../../../utils/theme/getTheme";
export var SelectDropdownIndicatorStyled = styled.div.attrs(function (props) { return ({
    theme: getTheme({
        theme: props.theme,
        defaultTheme: defaultThemeSelect,
        componentName: "select"
    })
}); })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 6px;\n  display: flex;\n  background: ", ";\n\n  .select-dropdown-icon {\n    color: ", ";\n  }\n\n  border-radius: ", ";\n\n  ", "\n\n  ", "\n"], ["\n  padding: 6px;\n  display: flex;\n  background: ", ";\n\n  .select-dropdown-icon {\n    color: ", ";\n  }\n\n  border-radius: ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
    var theme = _a.theme;
    return theme.components.select.backgroundDropdownIndicator;
}, function (_a) {
    var theme = _a.theme;
    return theme.components.select.iconColorDropdownIndicator;
}, function (_a) {
    var theme = _a.theme;
    return theme.shape.borderRadiusDefault;
}, function (_a) {
    var isFocused = _a.isFocused, theme = _a.theme;
    return isFocused && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      .select-dropdown-icon {\n        svg {\n          color: ", " !important;\n        }\n      }\n    "], ["\n      background: ", ";\n      .select-dropdown-icon {\n        svg {\n          color: ", " !important;\n        }\n      }\n    "])), theme.components.select.backgroundDropdownIndicatorFocused, theme.components.select
        .iconColorDropdownIndicatorFocused);
}, function (_a) {
    var isDisabled = _a.isDisabled;
    return isDisabled && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      .select-dropdown-icon {\n        svg {\n          color: ", ";\n        }\n      }\n    "], ["\n      background: ", ";\n      .select-dropdown-icon {\n        svg {\n          color: ", ";\n        }\n      }\n    "])), function (_a) {
        var theme = _a.theme;
        return theme.components.select.backgroundDropdownIndicatorDisabled;
    }, function (_a) {
        var theme = _a.theme;
        return theme.components.select.iconColorDropdownIndicatorDisabled;
    });
});
SelectDropdownIndicatorStyled.defaultProps = {
    theme: LIGHT_THEME
};
export var SelectDrawerIcon = styled(IconBrokenMoreSquare).attrs(function (props) { return ({
    theme: getTheme({
        theme: props.theme,
        defaultTheme: defaultThemeSelect,
        componentName: "select"
    })
}); })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
    var theme = _a.theme;
    return theme.components.select.iconColorDropdownIndicator;
});
SelectDrawerIcon.defaultProps = {
    theme: LIGHT_THEME
};
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
