"use strict";

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

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

const styled_1 = require("../Option/styled");
/**
 * NOTE:
 * we can pass the color code for fill by using props
 * this is causing when we overwriting the css
 *   svg path {
 *     fill: var(--color-black);
 *   }
 */


exports.StyledSelect = styleh_components_1.styled.div.attrs({
  'className': 'dropdown-parent',
  'data-qa': 'qa-dropdown'
})`height:auto;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:0.5rem 1rem;margin:0;width:100%;flex:1;flex-direction:row;`;
exports.StyledSelectText = styleh_components_1.styled.withComponent(styled_1.SelectText)`text-overflow:ellipsis;overflow:hidden;white-space:nowrap;`; //# sourceMappingURL=styled.js.map