UNPKG

react-tailwind-input-ts

Version:

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

3 lines (2 loc) 1.19 kB
import{jsxs as r,jsx as e}from"react/jsx-runtime";import a from"react";function n(){return n=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(r[n]=a[n])}return r},n.apply(null,arguments)}var t=["type","label","error","className","containerClassName"],o=a.forwardRef(function(a,o){var l=a.type,i=void 0===l?"text":l,s=a.label,c=a.error,d=a.className,u=void 0===d?"":d,m=a.containerClassName,f=void 0===m?"":m,p=function(r,e){if(null==r)return{};var a={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;a[n]=r[n]}return a}(a,t);return r("div",{className:"mb-4 "+f,children:[s&&e("label",{className:"block text-sm font-medium text-gray-700 mb-1",children:s}),e("input",n({ref:o,type:i,className:"w-full px-3 py-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors "+(c?"border-red-500":"border-gray-300")+" "+(p.disabled?"bg-gray-100 cursor-not-allowed":"")+" "+u},p)),c&&e("p",{className:"mt-1 text-sm text-red-600",children:c})]})});o.displayName="Input";export{o as Input}; //# sourceMappingURL=index.modern.js.map