import { createStyles, useThemeMode } from 'antd-style'; import type { IPreviewerProps } from 'dumi'; import { type FC } from 'react'; import { ThemeProvider } from '../../components/DumiSiteProvider'; import ThemeSwitch from '../../components/ThemeSwitch'; const useStyles = createStyles( ({ css, token }) => css` &.native-select-button { color: ${token.colorTextTertiary}; } `, ); const IconDark = () => ( ); const IconLight = () => ( ); const IconAuto = () => ( ); const defaultOptions = [ { label: '跟随文档', icon: , value: 'auto' }, { label: '亮色模式', icon: , value: 'light' }, { label: '暗色模式', icon: , value: 'dark' }, ]; const PreviewerActionsExtra: FC = () => { const { themeMode, setThemeMode } = useThemeMode(); const { styles } = useStyles(); return ( ); }; export default PreviewerActionsExtra;