import styled, { css } from "styled-components";
import { Body2 } from "../../Typography";
export const StyledOptionContentWrapper = styled.div.withConfig({
  displayName: "Styles__StyledOptionContentWrapper",
  componentId: "sc-6fiqyy-0"
})(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";
export const StyledOptionIndicator = styled.div.withConfig({
  displayName: "Styles__StyledOptionIndicator",
  componentId: "sc-6fiqyy-1"
})(["height:24px;width:24px;border-radius:100%;margin-right:8px;flex-shrink:0;", ""], props => props.backgroundColor && !props.children && css(["background-color:", ";"], props.backgroundColor));
StyledOptionIndicator.displayName = "StyledOptionIndicator";
export const StyledOptionText = styled(Body2).withConfig({
  displayName: "Styles__StyledOptionText",
  componentId: "sc-6fiqyy-2"
})(["", " flex-grow:1;line-height:28px;padding-right:10px;", ""], {
  "overflow": "hidden",
  "textOverflow": "ellipsis",
  "whiteSpace": "nowrap"
}, props => props.textColor && css(["color:", ";"], props.textColor));
StyledOptionText.displayName = "StyledOptionText";
export const StyledAdditionalInfo = styled.span.withConfig({
  displayName: "Styles__StyledAdditionalInfo",
  componentId: "sc-6fiqyy-3"
})(["margin:0 0 0 5px;line-height:18px;flex-shrink:0;"]);
StyledAdditionalInfo.displayName = "StyledAdditionalInfo";
//# sourceMappingURL=Styles.js.map