nico
d41e53c41f
This commit introduces a functional dark/light mode toggle by integrating `next-themes` with the application. It configures `ThemeProvider` in `src/frontend.tsx` and sets `darkMode: 'class'` in `tailwind.config.js`. Additionally, this commit resolves several linting and parsing issues found in `src/index.ts`. This commit also includes other pre-existing modifications and new components within the project's working directory that were not specifically part of the dark mode or linting tasks.
26 lines
600 B
TypeScript
26 lines
600 B
TypeScript
import {
|
|
Textarea as MantineTextarea,
|
|
type TextareaProps as MantineTextareaProps,
|
|
} from "@mantine/core";
|
|
import React from "react";
|
|
import { cn } from "./utils";
|
|
|
|
interface TextareaProps extends MantineTextareaProps {
|
|
// Add any specific props you had in your custom Textarea component
|
|
}
|
|
|
|
const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
|
|
({ className, ...props }, ref) => {
|
|
return (
|
|
<MantineTextarea
|
|
ref={ref}
|
|
className={cn(className)} // Apply custom classNames if any
|
|
{...props}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
Textarea.displayName = "Textarea";
|
|
|
|
export { Textarea };
|