chore: updated Input prop from hasSilverBorder to colorVariant

This commit is contained in:
utin-francis-peter
2024-07-06 21:22:41 +01:00
parent 61feced541
commit d554444b0e
7 changed files with 11 additions and 19 deletions

View File

@@ -9,7 +9,7 @@ const Input = ({
placeholder,
maxLength,
className,
hasSilverBorder,
colorVariant = 'silver',
children,
onChange,
onPaste,
@@ -17,9 +17,12 @@ const Input = ({
}: InputProps) => {
return (
<input
className={`h-[42px] w-full rounded-full border-2 px-3 outline-none dark:bg-transparent dark:text-white ${
hasSilverBorder ? 'border-silver dark:border-silver/40' : ''
} ${className}`}
className={`h-[42px] w-full rounded-full border-2 px-3 outline-none dark:bg-transparent dark:text-white ${className} ${
colorVariant === 'silver' ? 'border-silver dark:border-silver/40' : ''
} ${colorVariant === 'jet' ? 'border-jet' : ''} ${
colorVariant === 'gray' ? 'border-gray-5000 dark:text-silver' : ''
}
}`}
type={type}
id={id}
name={name}