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>
    );
}