import { CustomElement } from '../../Abstracts/CustomElement'; import type { IChatMessageReactionElementProps } from './IChatMessageReactionElementProps'; declare const ChatMessageReactionElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Chat Message Reaction - Represents a single reaction to a chat message. * * @csspart count - The count part. * @csspart emoji - The emoji part. * * @cssprop {String} --chat-message-reaction-font-family - The message reaction font family CSS custom property. * @cssprop {String} --chat-message-reaction-font-letter-spacing - The message reaction font letter spacing CSS custom property. * @cssprop {String} --chat-message-reaction-font-line-height - The message reaction font line height CSS custom property. * @cssprop {String} --chat-message-reaction-font-size - The message reaction font size CSS custom property. * @cssprop {String} --chat-message-reaction-font-text-decoration - The message reaction font text decoration CSS custom property. * @cssprop {String} --chat-message-reaction-font-text-transform - The message reaction font text transform CSS custom property. * @cssprop {String} --chat-message-reaction-font-weight - The message reaction font weight CSS custom property. * @cssprop {String} --chat-message-reaction-foreground-color - The message reaction foreground color CSS custom property. * @cssprop {String} --chat-message-reaction-gap - The message reaction gap CSS custom property. * @cssprop {String} --chat-message-reaction-padding-bottom - The message reaction padding bottom CSS custom property. * @cssprop {String} --chat-message-reaction-padding-left - The message reaction padding left CSS custom property. * @cssprop {String} --chat-message-reaction-padding-right - The message reaction padding right CSS custom property. * @cssprop {String} --chat-message-reaction-padding-top - The message reaction padding top CSS custom property. * @cssprop {String} --chat-message-reaction-shadow - The message reaction shadow CSS custom property. * @cssprop {String} --chat-message-reaction-shadow-blur - The message reaction shadow blur CSS custom property. * @cssprop {String} --chat-message-reaction-shadow-color - The message reaction shadow color CSS custom property. * @cssprop {String} --chat-message-reaction-shadow-offset-x - The message reaction shadow offset x CSS custom property. * @cssprop {String} --chat-message-reaction-shadow-offset-y - The message reaction shadow offset y CSS custom property. * @cssprop {String} --chat-message-reaction-shadow-spread - The message reaction shadow spread CSS custom property. * @cssprop {String} --chat-message-reaction-transition-duration - The message reaction transition duration CSS custom property. * @cssprop {String} --chat-message-reaction-transition-mode - The message reaction transition mode CSS custom property. * @cssprop {String} --chat-message-reaction-transition-property - The message reaction transition property CSS custom property. * @cssprop {String} --chat-message-reaction-translate - The message reaction translate CSS custom property. * * @dependency mosaik-button - The Button element. * @dependency mosaik-emoji - The Emoji element. * @dependency mosaik-text - The Text element. * * @example * Basic chat message reaction: * ```html * * ``` * * @example * Disabled reaction: * ```html * * ``` * * @public */ export declare class ChatMessageReactionElement extends ChatMessageReactionElement_base implements IChatMessageReactionElementProps { private _emoji; private _count; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `emoji` property. * * @public */ get emoji(): string; set emoji(value: string); /** * Gets or sets the `count` property. * * @public */ get count(): number; set count(value: number); } /** * @public */ export declare namespace ChatMessageReactionElement { type Props = IChatMessageReactionElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-chat-message-reaction': ChatMessageReactionElement; } } export {}; //# sourceMappingURL=ChatMessageReactionElement.d.ts.map