import { type ReactNode } from "react";
import { type StyleProp, type ViewStyle } from "../../style/index.js";
import { type EmblemSkin } from "./emblem.styles.js";
export type Tone = "primary" | "destructive" | "success" | "warning" | "muted";
export type EmblemSize = "small" | "default" | "large";
export interface EmblemProps {
    /** A single `<Icon />` element; Emblem tints it to match the tone. */
    children?: ReactNode;
    /** A monogram letter (or two) instead of an icon, painted in the tone color. */
    label?: string;
    primary?: boolean;
    destructive?: boolean;
    success?: boolean;
    warning?: boolean;
    muted?: boolean;
    small?: boolean;
    large?: boolean;
    /** Circle instead of the default rounded square. */
    circle?: boolean;
    /** E2E hook forwarded to the root element. */
    testID?: string;
    /** For layout composition only (not styling): the tint, radius, and size come from props. */
    style?: StyleProp<ViewStyle>;
}
/** Build an Emblem from a platform skin. */
export declare function createEmblem(skin: EmblemSkin): (props: EmblemProps) => import("react").JSX.Element;
//# sourceMappingURL=emblem.shared.d.ts.map