import { type AvatarData } from '../avatar';
type Props = {
    /** Primary line — workspace / account name. Truncates with ellipsis. */
    name: string;
    /** Secondary line — workspace type, role, email, etc. Truncates. */
    subtitle?: string;
    /** Primary avatar data (image → initials → icon fallback). Renders as a rounded square by default; becomes a circle when `badge` is also provided (org-with-user pattern). */
    avatar: AvatarData;
    /** Optional secondary avatar — square badge layered on the bottom-right of the primary. Use it to show the active user when the primary is the workspace / organization. */
    badge?: AvatarData | null;
    /** Placement within the menu — `top` adds spacing above so the row clears the panel's top edge; `bottom` leaves it flush (footer use). @default 'top' */
    position?: 'top' | 'bottom';
};
/**
 * NavMenuAccountRow — workspace / account trigger row for the top of a `NavMenu` panel. Purely
 * presentational: render it inside a `Popover` `trigger` snippet to make it a real switcher. Layout:
 * kit `Avatar` on the left at the `md` preset (rounded square; circle + corner badge in
 * org-with-user mode when `badge` is set), 2-line text (name + subtitle), chevron-down on the
 * right. No public CSS vars of its own — avatar sizing/colors are tuned via the
 * `--sc-kit--avatar--*` vars directly. It owns its own padding + hover; for a full-width trigger
 * set `--sc-kit--popover--width: 100%` on the `Popover`.
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;