import React from 'react';
export type LogoSize = 'sm' | 'lg';
export type LogoWordmark = 'vector' | 'text';
export interface LogoMarkProps extends Omit<React.SVGProps<SVGSVGElement>, 'ref'> {
    size?: LogoSize;
    /** Accessible name for the mark used standalone. Omit when it sits beside
     *  a visible wordmark, which already carries the name. */
    label?: string;
}
/**
 * The bare icon glyph, no wordmark — what `Header` actually uses.
 *
 * Colour comes from the `.ion-logo__mark` class (`icon/default`), not the SVG
 * itself, so it themes the same way every other icon in the system does.
 */
export declare const LogoMark: React.ForwardRefExoticComponent<LogoMarkProps & React.RefAttributes<SVGSVGElement>>;
export interface LogoProps extends React.HTMLAttributes<HTMLSpanElement> {
    /** Matches Figma's `Size` variant: Small (24px mark) or Large (32px). */
    size?: LogoSize;
    /**
     * Matches Figma's `Type` variant. `vector` is the serif logotype Figma
     * calls "Logo" — what `Header` uses, immune to font substitution and
     * visually distinct from the sans-serif UI type everywhere else. `text` is
     * what Figma calls "Icon": a live `Host Grotesk` run, real and selectable,
     * at `text/tertiary` rather than the mark's `icon/default`.
     */
    wordmark?: LogoWordmark;
}
/**
 * The full lockup: mark + wordmark, matching Figma's `Logo-Ionbase`
 * (52:21369).
 *
 * Figma also has a `Property=Name` axis — wordmark only, no mark — but both
 * of its variants currently render the placeholder text "raza" rather than
 * "IonBase", in an unbound raw colour. That is leftover debug content, not a
 * real asset, so it is not implemented here. Reproducing it would ship a
 * stranger's name into a design system; extending `LogoMark` alone already
 * covers "no wordmark" for the cases that are real.
 */
export declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;
//# sourceMappingURL=Logo.d.ts.map