@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
28 lines (24 loc) • 1.13 kB
JavaScript
;
var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
var jsxRuntime = require('react/jsx-runtime');
function Input({ className, type, invalid = false, ...props }) {
return /* @__PURE__ */ jsxRuntime.jsx(
"input",
{
type,
"data-slot": "input",
"aria-invalid": props["aria-invalid"] || invalid,
className: chunkH2BWO3SI_cjs.cn(
"placeholder:text-muted-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none",
"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
"aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
"selection:bg-primary selection:text-primary-foreground",
"file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium md:text-sm",
className
),
...props
}
);
}
exports.Input = Input;