import type { ComponentPropsWithoutRef, JSX, ReactNode, TdHTMLAttributes } from "react";
import type { VariantName } from "../../theme/themeTypes.js";
interface HtmlTextOwnProps {
    /**
     * 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;
}
export type HtmlTextProps<E extends keyof JSX.IntrinsicElements = "td"> = HtmlTextOwnProps & {
    /**
     * The HTML element to render instead of the default `<td>`.
     *
     * @example
     * ```tsx
     * <HtmlText element="div">Rendered as a div</HtmlText>
     * <HtmlText element="a" href="/link">Rendered as an anchor</HtmlText>
     * ```
     */
    element?: E;
} & Omit<ComponentPropsWithoutRef<E>, keyof HtmlTextOwnProps | "element">;
/**
 * Themed text component for use inside MJML ending tags or outside of the MJML context.
 * Inside `MjmlRaw` in an `MjmlColumn`, place `HtmlText` in a `<tr>` of its own,
 * and in a `<td>` too when `element` is not the default `td`.
 */
export declare function HtmlText<E extends keyof JSX.IntrinsicElements>(props: HtmlTextOwnProps & {
    element: E;
} & Omit<ComponentPropsWithoutRef<E>, keyof HtmlTextOwnProps | "element">): ReactNode;
export declare function HtmlText(props: HtmlTextOwnProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, keyof HtmlTextOwnProps>): ReactNode;
export {};