Files
learn-languages/src/components/ui/buttons/DarkButton.tsx
goddonebianu 605c57f8bb
All checks were successful
continuous-integration/drone/push Build is passing
重构逐句视频播放器
2025-12-12 13:37:00 +08:00

29 lines
586 B
TypeScript

import PlainButton, { ButtonType } from "./PlainButton";
export default function DarkButton({
onClick,
className,
selected,
children,
type = "button",
disabled
}: {
onClick?: (() => void) | undefined;
className?: string;
selected?: boolean;
children?: React.ReactNode;
type?: ButtonType;
disabled?: boolean;
}) {
return (
<PlainButton
onClick={onClick}
className={`hover:bg-gray-100 text-black ${selected ? "bg-gray-100" : "bg-white"} ${className}`}
type={type}
disabled={disabled}
>
{children}
</PlainButton>
);
}