19 lines
617 B
TypeScript
19 lines
617 B
TypeScript
import React from 'react';
|
|
import { cn } from './utils';
|
|
|
|
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
className?: string;
|
|
}
|
|
|
|
export function Input({ className, ...props }: InputProps) {
|
|
return (
|
|
<input
|
|
className={cn(
|
|
'w-full px-4 md:px-6 py-2.5 md:py-4 bg-neutral-light/50 border border-neutral-dark/10 rounded-xl md:rounded-2xl focus:outline-none focus:ring-2 focus:ring-accent/20 focus:border-accent focus:bg-white transition-all duration-300 placeholder:text-neutral-dark/40 text-sm md:text-lg',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|