mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2026-07-31 19:10:17 +00:00
20 lines
582 B
TypeScript
20 lines
582 B
TypeScript
import { useThemeHooks } from "@redocly/theme/core/hooks";
|
|
import { IconButton } from "./IconButton";
|
|
import { modeToggleIcon } from "../constants/icons";
|
|
|
|
interface ModeToggleButtonProps {
|
|
onClick?: () => void;
|
|
}
|
|
|
|
/**
|
|
* Mode Toggle Button Component.
|
|
* Icon button that toggles between light and dark mode.
|
|
*/
|
|
export function ModeToggleButton({ onClick }: ModeToggleButtonProps) {
|
|
const { useTranslate } = useThemeHooks();
|
|
const { translate } = useTranslate();
|
|
|
|
return <IconButton icon={modeToggleIcon} ariaLabel={translate("Toggle color mode")} onClick={onClick} />;
|
|
}
|
|
|