import { __makeTemplateObject } from "tslib";
import styled from "styled-components";
import P2 from "../../../typography/P2";
import { LIGHT_THEME } from "../../../Pallette/themes";
import { defaultThemeSelect } from "../../themes";
import { getTheme } from "../../../utils/theme/getTheme";
export var SingleValueStyle = styled(P2).attrs(function (props) { return ({
    theme: getTheme({
        theme: props.theme,
        defaultTheme: defaultThemeSelect,
        componentName: "select"
    })
}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n\n  color: ", ";\n"], ["\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n\n  color: ", ";\n"])), function (_a) {
    var theme = _a.theme, isDisabled = _a.isDisabled;
    return isDisabled
        ? theme.components.select.colorDisabled
        : theme.components.select.color;
});
SingleValueStyle.defaultProps = {
    theme: LIGHT_THEME
};
var templateObject_1;
