import { type IMjmlTextProps } from "@faire/mjml-react";
import type { ReactNode } from "react";
import type { Theme, VariantName } from "../../theme/themeTypes.js";
export type MjmlTextProps = IMjmlTextProps & {
    /**
     * The component's variant to apply, as defined in the theme.
     *
     * Custom variants should be defined in the theme, through module augmentation.
     *
     * ```ts
     * declare module "@dextinity/mail-react" {
     *     interface TextVariants { heading: true; body: true }
     * }
     * ```
     *
     * ```ts
     * const theme = createTheme({
     *     text: {
     *         variants: {
     *             heading: { fontSize: "24px" },
     *             body: { fontSize: "16px" },
     *         },
     *     },
     * });
     * ```
     *
     * @defaultValue The theme's `text.defaultVariant`, when set
     */
    variant?: VariantName;
    /** When true, applies spacing below the text. */
    bottomSpacing?: boolean;
};
/**
 * Text component that can be styled using the theme, optionally using a variant.
 *
 * Works without a `ThemeProvider` as a plain pass-through to the base MJML text component.
 * The `variant` and `bottomSpacing` props require a `ThemeProvider` (or `MjmlMailRoot`).
 */
export declare function MjmlText({ variant: variantProp, bottomSpacing, className, children, ...restProps }: MjmlTextProps): ReactNode;
export declare function generateMjmlTextStyles(theme: Theme): string;