You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
743 B
29 lines
743 B
import type React from 'react';
|
|
|
|
export interface LabelProps {
|
|
error?: string;
|
|
disabled?: boolean;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export const InputWrapper = ({
|
|
error,
|
|
disabled,
|
|
children,
|
|
}: LabelProps): JSX.Element => (
|
|
<div
|
|
className={`flex w-full border-gray-400 dark:border-gray-200 border-y border rounded-md transition duration-200 ease-in-out ${
|
|
disabled
|
|
? 'bg-gray-200 text-gray-500 dark:bg-gray-800 dark:text-gray-400 border-gray-400'
|
|
: ''
|
|
} ${
|
|
error
|
|
? 'border-red-500'
|
|
: disabled
|
|
? 'border-gray-200'
|
|
: ' focus-within:border-primary dark:focus-within:border-primary hover:border-primary dark:hover:border-primary'
|
|
}`}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
|