"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: $colors-blackrabbit;
 *   }
 */


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: rem(8) rem(16);
  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