| 1 | "use client"; |
| 2 | |
| 3 | import { FontPicker } from "@/components/ui/font-picker"; |
| 4 | import { type ThemeProperties } from "@/lib/presentation/themes"; |
| 5 | |
| 6 | // Component to load fonts for custom themes |
| 7 | export function ThemeFontLoader({ themeData }: { themeData: ThemeProperties }) { |
| 8 | const fonts = [themeData.fonts.heading, themeData.fonts.body]; |
| 9 | |
| 10 | return ( |
| 11 | <div style={{ display: "none" }}> |
| 12 | <FontPicker |
| 13 | defaultValue={fonts[0]} |
| 14 | loadFonts={fonts} |
| 15 | loaderOnly |
| 16 | autoLoad |
| 17 | /> |
| 18 | </div> |
| 19 | ); |
| 20 | } |
| 21 |