import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import styled from '@modern-js/runtime/styled';
export var SelectWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .selectContainer {\n    box-sizing: border-box;\n    position: relative;\n    width: ", ";\n    margin-left: ", ";\n    cursor: pointer;\n  }\n  .selectDropdownImg {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 12px;\n    margin: auto;\n    transform: 0;\n    transition: all 0.3s;\n  }\n  .down {\n    transform: rotate(180deg);\n  }\n\n  .icon {\n    position: absolute;\n    top: ", "px;\n    bottom: 0;\n    right: 0;\n    left: unset;\n    margin: auto;\n    transform: ", ";\n    transition: all 0.3s;\n  }\n\n  .optionContainer {\n    display: flex;\n    align-items: center;\n    padding: 5px;\n    border-radius: 8px;\n    box-sizing: border-box;\n  }\n  .optionContainer:hover {\n    background-color: #eee;\n    font-family: Poppins-SemiBold;\n    font-weight: 600;\n  }\n  .selector {\n    box-sizing: border-box;\n    position: absolute;\n    top: ", "px;\n    z-index: 1;\n    width: 100%;\n    background-color: #f8f7f7;\n    border-radius: 8px;\n    padding: 5px;\n    font-size: 0.75rem;\n    line-height: 0.75rem;\n    cursor: pointer;\n    overflow-y: auto;\n    font-family: Poppins;\n    box-shadow: rgb(0 0 0 / 25%) 0px 4px 12px;\n  }\n  .inputBox {\n    cursor: pointer;\n  }\n"])), function (props) {
  return typeof props.width === 'number' ? "".concat(props.width, "px") : props.width;
}, function (props) {
  return typeof props.width === 'string' ? "".concat(100 - parseInt(props.width, 10), "%") : '';
}, function (props) {
  return props.haveLabel ? '24' : '0';
}, function (props) {
  return props.selectorVisible ? 'rotate(180deg)' : '0';
}, function (props) {
  return props.haveLabel ? '62' : '35';
});