R3ap3r
3178b8f4f7
- Spotify playlist, library, album and artist browsing with in-app playback - Song, playlist and album downloads via spotdl with YouTube and Bandcamp fallbacks - Electron desktop app (castLabs Widevine) with a permanent sidebar layout - Linux and Windows packaging scripts
28 lines
768 B
TypeScript
28 lines
768 B
TypeScript
import React, { forwardRef, TextareaHTMLAttributes } from "react";
|
|
import inputStyles from "./Input.module.css";
|
|
import styles from "./Textarea.module.css";
|
|
|
|
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
disableResize?: boolean;
|
|
variant?: "default" | "clear";
|
|
}
|
|
|
|
export const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
|
|
(
|
|
{ className, disableResize = false, variant = "default", ...props },
|
|
ref
|
|
) => {
|
|
const resizeClass = disableResize ? styles.noResize : "";
|
|
|
|
return (
|
|
<textarea
|
|
ref={ref}
|
|
className={`${inputStyles.input} ${styles.textarea} ${resizeClass} ${styles[variant]} ${className || ""}`}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
);
|
|
|
|
Textarea.displayName = "Textarea";
|