
import { FontConfig } from "../packages/types/dist/index.js";
import { FontFamilyOverrides } from "./getFontFaceDeclarations.js";

//#region ../tailwind-internal/dist/utils/getFontStyles.d.ts
//#region src/utils/getFontStyles.d.ts
/**
 * Return CSS variables object based on font config.
 * i.e. { --font-xyz: '"Font Family 1", "Font Family 2", sans-serif' }
 *
 * @example
 * // 1. Use return value in style prop of an html element to assign font variables at runtime
 *
 * const fontVars = getFontStyles(fontConfig);
 * <body style={fontVars}> {...} </body>
 *
 * // 2. Generate CSS at build time in tailwind plugin via addBase.
 *
 * const fontVars = getFontStyles(fontConfig);
 * addBase(fontVars);
 *
 */
declare function getFontStyles(fontConfig: Partial<FontConfig>, fontFamilyOverrides?: FontFamilyOverrides): Record<"--uds-font-sans" | "--uds-font-sans-alt" | "--uds-font-serif" | "--uds-font-serif-alt" | "--uds-font-mono", string>; //#endregion
//#endregion
export { getFontStyles };