import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { Dot } from "../Dot";
import { FontStyle } from "../FontStyle";
export const StyledTag = styled.div.withConfig({
  displayName: "Styles__StyledTag",
  componentId: "sc-1chtb47-0"
})(["", " font-size:13px;line-height:1.375;", " ", ""], {
  "display": "flex",
  "alignItems": "center"
}, BoxSizingStyle, FontStyle);
StyledTag.displayName = "StyledTag";
export const StyledTagDot = styled(Dot).withConfig({
  displayName: "Styles__StyledTagDot",
  componentId: "sc-1chtb47-1"
})(["", ""], props => props.$showText && css(["", ""], {
  "marginRight": "0.25rem"
}));
StyledTagDot.displayName = "StyledTagDot";
export const StyledTagText = styled.div.withConfig({
  displayName: "Styles__StyledTagText",
  componentId: "sc-1chtb47-2"
})(["", " ", ""], {
  "textTransform": "uppercase"
}, props => props.color && css(["color:", ";"], props.color));
StyledTagText.displayName = "StyledTagText";
//# sourceMappingURL=Styles.js.map