import { __makeTemplateObject } from "tslib";
import styled, { css } from "styled-components";
export var ControlSelectStyle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n\n  ", ";\n"], ["\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n\n  ", ";\n"])), function (_a) {
    var menuIsOpen = _a.menuIsOpen;
    return menuIsOpen && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      & .select-dropdown-icon {\n        transition: 0.3s;\n        transform: rotate(180deg);\n      }\n    "], ["\n      & .select-dropdown-icon {\n        transition: 0.3s;\n        transform: rotate(180deg);\n      }\n    "])));
});
var templateObject_1, templateObject_2;
