Developers Digest
22 lines
687 B
TypeScript
22 lines
687 B
TypeScript
import { cn } from "@/utils/cn";
|
|
|
|
export default function Textarea(
|
|
textareaProps: React.ComponentPropsWithoutRef<"textarea">,
|
|
) {
|
|
return (
|
|
<label
|
|
className={cn(
|
|
"py-8 px-12 rounded-8 transition-all w-full block gap-4 cursor-text",
|
|
"relative bg-accent-white",
|
|
"inside-border before:border-black-alpha-8 hover:before:border-black-alpha-12 hover:bg-black-alpha-2 focus-within:!bg-accent-white focus-within:before:!border-heat-100 focus-within:before:!border-[1.25px]",
|
|
"text-body-medium",
|
|
)}
|
|
>
|
|
<textarea
|
|
className="outline-none w-full resize-none bg-transparent"
|
|
{...textareaProps}
|
|
/>
|
|
</label>
|
|
);
|
|
}
|