tailwind-ui-library/components/elements/ColorSchemeSelector.tsx
2024-10-16 15:20:34 +01:00

20 lines
549 B
TypeScript

import { DetailedHTMLProps, HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
import Toggle, { TWUI_TOGGLE_PROPS } from "./Toggle";
export default function ColorSchemeSelector({
toggleProps,
...props
}: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
toggleProps?: TWUI_TOGGLE_PROPS;
}) {
return (
<div
{...props}
className={twMerge("flex flex-row items-center", props.className)}
>
<Toggle {...toggleProps} />
</div>
);
}