feat(StyledInput): reexport the <input> component with styled
This commit is contained in:
parent
d9ba36794a
commit
aacde5a7a5
2 changed files with 23 additions and 12 deletions
16
ui/components/common/StyledInput.tsx
Normal file
16
ui/components/common/StyledInput.tsx
Normal 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}
|
||||
/>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue