import { PersonaPresence } from '../../../Types/PersonaPresence'; import { AvatarElement } from '../Avatar/AvatarElement'; import type { IPersonaElementProps } from './IPersonaElementProps'; declare const PersonaElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array) => import("../../../Behaviors/ContentAlignable").IContentAlignableProps) & typeof AvatarElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Persona - A visual representation of an individual user or character, typically displayed as an avatar along with additional information such as name, role, or status. * Personas are commonly used to provide context and personalization in user interfaces. * * @element mosaik-persona * * @csspart root - The root part of persona. * @csspart avatar - The avatar part of persona. * @csspart presence - The presence part of persona. * @csspart primaryText - The text part of persona. * @csspart secondaryText - The text part of persona. * @csspart tertiaryText - The text part of persona. * @csspart quaternaryText - The text part of persona. * * @example * ```html * * * * * * * * * ``` * * @public */ export declare class PersonaElement extends PersonaElement_base implements IPersonaElementProps { private _primaryText; private _secondaryText; private _tertiaryText; private _quaternaryText; private _presence; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @override * @readonly */ static get is(): string; /** * The first line of text in the Persona, larger than the rest of the lines. * * @public */ get primaryText(): string; set primaryText(value: string); /** * The second line of text in the Persona. * * @public */ get secondaryText(): string; set secondaryText(value: string); /** * The third line of text in the Persona. * * @public */ get tertiaryText(): string; set tertiaryText(value: string); /** * The fourth line of text in the Persona. * * @public */ get quaternaryText(): string; set quaternaryText(value: string); /** * The presence Badge to display. * * @public */ get presence(): PersonaPresence; set presence(value: PersonaPresence); } /** * @public */ export declare namespace PersonaElement { type Props = IPersonaElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-persona': PersonaElement; } } export {}; //# sourceMappingURL=PersonaElement.d.ts.map