@pagamio/frontend-commons-lib
Version:
Pagamio library for Frontend reusable components like the form engine and table container
9 lines (8 loc) • 706 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { cn } from '../../helpers';
const Input = React.forwardRef(({ className, type, id, placeholder, ...props }, ref) => {
return (_jsx("input", { id: id, type: type, className: cn('h-9 w-full rounded-md border-gray-300 bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', className), placeholder: placeholder, ref: ref, ...props }));
});
Input.displayName = 'Input';
export default Input;