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