{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar __jsx = React.createElement;\nimport React from 'react';\nimport { backgroundColor, em, half, lightActiveColor, lightColor, lightFocusedColor, primaryColor, transitionProps } from '~/utils/style';\nimport styled from 'styled-components';\nvar height = em(36);\nvar Span = styled.span.withConfig({\n  displayName: \"Tag__Span\",\n  componentId: \"h3x013-0\"\n})([\"padding:0 \", \";height:\", \";line-height:\", \";display:inline-block;border-radius:\", \";color:\", \";background-color:\", \";cursor:pointer;\", \" &:hover{background-color:\", \";}&:active{background-color:\", \";}\"], em(16), height, height, half(height), function (prop) {\n  return prop.active ? backgroundColor : primaryColor;\n}, function (prop) {\n  return prop.active ? primaryColor : lightColor;\n}, transitionProps(['color', 'background-color']), function (prop) {\n  return prop.active ? primaryColor : lightFocusedColor;\n}, function (prop) {\n  return prop.active ? primaryColor : lightActiveColor;\n});\n\nvar Tag = function Tag(_ref) {\n  var children = _ref.children,\n      props = _objectWithoutProperties(_ref, [\"children\"]);\n\n  return __jsx(Span, props, children);\n};\n\nexport default Tag;","map":null,"metadata":{},"sourceType":"module"}