{"ast":null,"code":"var __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport { backgroundColor, em, half, lightActiveColor, lightColor, lightFocusedColor, primaryColor, transitionProps } from '~/utils/style';\nimport styled from 'styled-components';\nconst height = em(36);\nconst 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), prop => prop.active ? backgroundColor : primaryColor, prop => prop.active ? primaryColor : lightColor, transitionProps(['color', 'background-color']), prop => prop.active ? primaryColor : lightFocusedColor, prop => prop.active ? primaryColor : lightActiveColor);\n\nconst Tag = (_ref) => {\n  let {\n    children\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"children\"]);\n\n  return __jsx(Span, props, children);\n};\n\nexport default Tag;","map":null,"metadata":{},"sourceType":"module"}