alouette/dist/definitions/ui/layout/AppSidebarAccount.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 AppSidebarAccountProps {
    /** Account name: drives the initials and labels the trigger. */
    name: string;
    /** Second line under the name — the email, the role. */
    description?: string;
    /** Replaces the initials in the disc. */
    icon?: SVGIconElement;
    /** Accent of the disc. Defaults to the inherited accent, or `brand` outside
     * an accent scope. */
    accent?: Accent;
    /**
     * Rendered above the items — typically the `ColorModePicker`, the identity
     * being on the row already. A press there leaves the menu open.
     */
    header?: ReactNode;
    /** `MenuItem`s, and `Separator`s between groups. */
    children: ReactNode;
}
/**
 * Footer of an `AppSidebar`: the signed-in account, as a row opening a menu
 * of session actions. The row is pinned at the bottom of the viewport, so the
 * menu opens above it, as wide as the row.
 */
export declare function AppSidebarAccount({ name, description, icon, accent, header, children, }: AppSidebarAccountProps): ReactNode;
//# sourceMappingURL=AppSidebarAccount.d.ts.map