import { ISlottable } from '../../../Behaviors/Slottable'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { ICardActionsElementProps } from './ICardActionsElementProps'; declare const CardActionsElement_base: (abstract new (...args: Array) => import("../../../../Controls/Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../../Controls/Behaviors/Themeable").IThemeableCtor; /** * CardActions - A component that represents the actions area of a card. * * @description This component is used to display action buttons related to the content of a card, providing users with options for interaction such as submitting forms, navigating, or triggering actions. * * @name CardActions * @element mosaik-card-actions * @category UI Components * * @slot - The default slot for placing the main action buttons. * @slot prefix - The slot for placing content that appears before the action buttons. * @slot suffix - The slot for placing content that appears after the action buttons. * * @cssprop {String} --card-actions-font-family - The actions font family CSS custom property. * @cssprop {String} --card-actions-font-letter-spacing - The actions font letter spacing CSS custom property. * @cssprop {String} --card-actions-font-line-height - The actions font line height CSS custom property. * @cssprop {String} --card-actions-font-size - The actions font size CSS custom property. * @cssprop {String} --card-actions-font-text-decoration - The actions font text decoration CSS custom property. * @cssprop {String} --card-actions-font-text-transform - The actions font text transform CSS custom property. * @cssprop {String} --card-actions-font-weight - The actions font weight CSS custom property. * @cssprop {String} --card-actions-gap - The gap property between action elements in the card actions area. * @cssprop {String} --card-actions-padding-bottom - The padding-bottom property for the card actions area. * @cssprop {String} --card-actions-padding-left - The padding-left property for the card actions area. * @cssprop {String} --card-actions-padding-right - The padding-right property for the card actions area. * @cssprop {String} --card-actions-padding-top - The padding-top property for the card actions area. * @cssprop {String} --card-actions-shadow - The actions shadow CSS custom property. * @cssprop {String} --card-actions-shadow-blur - The actions shadow blur CSS custom property. * @cssprop {String} --card-actions-shadow-color - The actions shadow color CSS custom property. * @cssprop {String} --card-actions-shadow-offset-x - The actions shadow offset x CSS custom property. * @cssprop {String} --card-actions-shadow-offset-y - The actions shadow offset y CSS custom property. * @cssprop {String} --card-actions-shadow-spread - The actions shadow spread CSS custom property. * @cssprop {String} --card-actions-transition-duration - The actions transition duration CSS custom property. * @cssprop {String} --card-actions-transition-mode - The actions transition mode CSS custom property. * @cssprop {String} --card-actions-transition-property - The actions transition property CSS custom property. * @cssprop {String} --card-actions-translate - The actions translate CSS custom property. * * @dependency mosaik-stack - The Stack element. * * @example * Basic usage with action buttons: * ```html * * * * * ``` * * @example * With prefix and suffix content: * ```html * * * * * * ``` * * @public */ export declare class CardActionsElement extends CardActionsElement_base implements ICardActionsElementProps, ISlottable { /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; } /** * @public */ export declare namespace CardActionsElement { type Props = ICardActionsElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-card-actions': CardActionsElement; } } export {}; //# sourceMappingURL=CardActionsElement.d.ts.map