eacf028ba6
* Use .js imports in src * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Add WP extension aliases * Bump dev * Additional * Additional * Adjust extensionAlias order
29 lines
699 B
TypeScript
29 lines
699 B
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { ThemeDef } from './ctx/types';
|
|
|
|
import { useContext, useMemo } from 'react';
|
|
import { ThemeContext } from 'styled-components';
|
|
|
|
import { createNamedHook } from './createNamedHook.js';
|
|
|
|
interface Theme {
|
|
theme: ThemeDef['theme'];
|
|
themeClassName: `theme--${ThemeDef['theme']}`;
|
|
}
|
|
|
|
function useThemeImpl (): Theme {
|
|
const { theme } = useContext(ThemeContext as React.Context<ThemeDef>);
|
|
|
|
return useMemo(
|
|
(): Theme => ({
|
|
theme,
|
|
themeClassName: `theme--${theme}`
|
|
}),
|
|
[theme]
|
|
);
|
|
}
|
|
|
|
export const useTheme = createNamedHook('useTheme', useThemeImpl);
|