@polygon.io/core/dist/components/Input/labels/AddOnLabel.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireDefault(require("styled-components")),_NoWrapLabel=_interopRequireDefault(require("./NoWrapLabel")),__jsx=_react["default"].createElement,Flex=_styledComponents["default"].div.withConfig({displayName:"AddOnLabel__Flex",componentId:"sc-1xxztq9-0"})(["display:flex;"]),Label=(0,_styledComponents["default"])(_NoWrapLabel["default"]).withConfig({displayName:"AddOnLabel__Label",componentId:"sc-1xxztq9-1"})(["display:flex;align-items:center;background-color:",";border-radius:",";border:1px solid ",";border-right:none;padding:0 ",";"],function(a){var b=a.theme;return b.color.background.secondary},function(a){var b=a.theme;return"".concat(b.radius," 0 0 ").concat(b.radius)},function(a){var b=a.theme,c=a.disabled;return c?b.color.border.disabled:b.color.border.primary},function(a){var b=a.theme,c=a.small;return c?"calc(".concat(b.spacing.s2," * 1.5)"):b.spacing.s3}),AddOnLabel=function(a){var b=a.children,c=a.addOnLabel,d=a.disabled,e=a.required,f=a.small,g=a.id;return __jsx(Flex,null,__jsx(Label,{disabled:d,required:e,small:f,htmlFor:g},c),b)};AddOnLabel.defaultProps={children:void 0,addOnLabel:void 0,disabled:!1,required:!1,small:!1,id:void 0};var _default=AddOnLabel;exports["default"]=_default;