@polygon.io/core/dist/components/Input/InputWrapper.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")),_extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_styledComponents=_interopRequireDefault(require("styled-components")),_Margin=_interopRequireDefault(require("../Margin")),_Typography=require("../Text/Typography"),_NoWrapLabel=_interopRequireDefault(require("./labels/NoWrapLabel")),_AddOnLabel=_interopRequireDefault(require("./labels/AddOnLabel")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","id","gutter","helperText","inputLabel","addOnLabel","disabled","required","small"],__jsx=_react["default"].createElement,Gutter=_styledComponents["default"].div.withConfig({displayName:"InputWrapper__Gutter",componentId:"sc-10wrlv4-0"})(["margin-bottom:",";width:100%;"],function(a){var b=a.theme,c=a.gutter;return b.spacing["s".concat(c)]}),InputWrapper=function(a){var b=a.children,c=a.id,d=a.gutter,e=a.helperText,f=a.inputLabel,g=a.addOnLabel,h=a.disabled,i=a.required,j=a.small,k=(0,_objectWithoutProperties2["default"])(a,_excluded);return __jsx(Gutter,(0,_extends2["default"])({gutter:d},k),f&&__jsx(_Margin["default"],{b:"1"},__jsx(_NoWrapLabel["default"],{color:"primary",weight:"medium",required:i,htmlFor:c},f)),g?__jsx(_AddOnLabel["default"],{id:c,addOnLabel:g,disabled:h,required:i,small:j},b):__jsx(_jsxRuntime.Fragment,null,b),e&&__jsx(_Margin["default"],{as:"div",t:"1"},__jsx(_Typography.Helper,{color:"secondary"},e)))};InputWrapper.defaultProps={children:void 0,id:void 0,gutter:4,helperText:void 0,inputLabel:void 0,disabled:!1,addOnLabel:void 0,required:!1,small:!1};var _default=InputWrapper;exports["default"]=_default;