import { EventEmitter } from "../../stencil-public-runtime"; declare const swirlCardBorderRadiusTokens: readonly ["xs", "sm", "base", "l", "xl"]; export type SwirlCardBorderRadius = (typeof swirlCardBorderRadiusTokens)[number] | string; export type SwirlCardElevationLevel = 1 | 2 | 3; export type SwirlCardIntent = "critical-subdued" | "default" | "default-subdued" | "highlight" | "info-subdued" | "success-subdued" | "warning-subdued"; export type SwirlCardJustifyContent = "start" | "center" | "end"; export type SwirlCardOverflow = "auto" | "hidden" | "visible"; export type SwirlCardPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24" | "32"; export type SwirlCardAriaCurrent = "page" | "step" | "location" | "date" | "time" | "true"; /** * @slot content - The card contents * @slot image - Optional image or image grid * @slot floating-controls - Optional controls displayed on hover in the top right corner */ export declare class SwirlCard { el: HTMLElement; as?: string; borderRadius?: SwirlCardBorderRadius; customBackgroundColor?: string; customBackdropFilter?: string; elevated?: boolean; elevationLevel?: SwirlCardElevationLevel; height?: string; highlighted?: boolean; href?: string; imageAspectRatio?: string; intent?: SwirlCardIntent; isBorderless?: boolean; interactive?: boolean; justifyContent?: SwirlCardJustifyContent; linkTarget?: string; minHeight?: string; overflow?: SwirlCardOverflow; padding?: SwirlCardPadding; paddingBlockEnd?: SwirlCardPadding; paddingBlockStart?: SwirlCardPadding; paddingInlineEnd?: SwirlCardPadding; paddingInlineStart?: SwirlCardPadding; translucent?: boolean; swirlAriaCurrent?: SwirlCardAriaCurrent; swirlAriaLabel?: string; swirlAriaLabelledby?: string; componentLoad: EventEmitter; flashing: boolean; private flashingTimeout?; /** * Flashes the card to draw focus. */ flash(duration?: number): Promise; componentDidLoad(): void; render(): any; } export {};