You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
blog.krasnikov.pro/components/font-style-provider.tsx

18 lines
424 B

'use client';
import { useThemeStore } from '@/stores/theme-store';
import { cn } from '@/lib/utils';
type FontStyleProviderProps = {
children: React.ReactNode;
};
export function FontStyleProvider({ children }: FontStyleProviderProps) {
const isSerif = useThemeStore((state) => state.isSerif);
return (
<div className={cn('contents', isSerif ? 'font-serif' : 'font-sans')}>
{children}
</div>
);
}