import styled from 'styled-components';
import { Flexbox, Typography } from '../..';
export var ContainerLabel = styled.label.withConfig({
  displayName: "TagChipstyled__ContainerLabel",
  componentId: "sc-mr8h7-0"
})(["border:1px solid ", ";border-radius:", "px;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 ", "px;height:", "px;color:", ";background:", ";"], function (_ref) {
  var theme = _ref.theme;
  return theme.color.tagChipBorder;
}, function (p) {
  return p.theme.spacing.unit(8);
}, function (p) {
  return p.theme.spacing.unit(3);
}, function (p) {
  return p.theme.spacing.unit(8);
}, function (p) {
  return p.theme.color.quickFilterText;
}, function (p) {
  return p.theme.color.card;
});
export var StyledFlexbox = styled(Flexbox).withConfig({
  displayName: "TagChipstyled__StyledFlexbox",
  componentId: "sc-mr8h7-1"
})(["& > *{color:inherit;}"]);
export var StyledTypography = styled(Typography).withConfig({
  displayName: "TagChipstyled__StyledTypography",
  componentId: "sc-mr8h7-2"
})(["height:", "px;"], function (p) {
  return p.theme.spacing.unit(4.5);
});