feat(StyledInput): reexport the <input> component with styled

This commit is contained in:
WanQuanXie 2024-05-08 11:50:34 +08:00
parent d9ba36794a
commit aacde5a7a5
2 changed files with 23 additions and 12 deletions

View file

@ -0,0 +1,16 @@
import { cn } from '@/lib/utils';
import type { InputHTMLAttributes } from 'react';
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {}
export const StyledInput = function StyledInput({
className,
...restProps
}: InputProps) {
return (
<input
className={cn("bg-[#111111] px-3 py-2 flex items-center overflow-hidden border border-[#1C1C1C] text-white rounded-lg text-sm", className)}
{...restProps}
/>
);
};