alouette/dist/definitions/ui/layout/AppHeaderAccount.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import type { ReactNode } from "react";
import type { Accent } from "../../core/AlouetteConfig";
import { type SVGIconElement } from "../primitives/Icon";
export interface AppHeaderAccountProps {
    /** Account name: drives the initials and labels the trigger. */
    name: string;
    /** Replaces the initials in the disc. */
    icon?: SVGIconElement;
    /** Accent of the disc. Defaults to `brand`. */
    accent?: Accent;
    /** Rendered above the items — typically the signed-in identity. */
    header?: ReactNode;
    /** `MenuItem`s, and `Separator`s between groups. */
    children: ReactNode;
}
/**
 * End slot of an `AppHeader`: the signed-in account, as one avatar trigger
 * opening a menu. Session actions belong in there rather than in the bar —
 * logging out is the rarest thing a header offers and the only destructive one.
 *
 * Signed in only. A signed-out header has a single action, so it stays in the
 * bar as an `AppHeaderSignIn` — never a "Guest" avatar wrapping a one-item
 * menu, which trades the one press the visitor came for against two.
 */
export declare function AppHeaderAccount({ name, icon, accent, header, children, }: AppHeaderAccountProps): ReactNode;
//# sourceMappingURL=AppHeaderAccount.d.ts.map