import { LitElement } from "lit"; /** * Card is a layout component used for grouping interactive content areas on a page. * * [Warp component reference](https://warp-ds.github.io/docs/components/card/frameworks/elements) */ declare class WarpCard extends LitElement { static styles: import("lit").CSSResult[]; /** * Whether the card is visually selected. * * Use this when the card represents a selected item or choice. This only controls the visual selected state; update it from your application state when the selection changes. */ selected: boolean; /** * Whether the card uses the flat visual treatment. * * Flat cards use a bordered surface instead of the default elevated surface. Use this for denser layouts or when the card sits inside another surface. */ flat: boolean; /** * Whether the whole card is interactive. * * When set, the card becomes keyboard focusable and Enter or Space triggers a click on the card. Use this only when the whole card has one action or represents one selectable choice. * * @deprecated This will be removed in a future version. Use data-card-action attribute on a link or button inside the card instead. */ clickable: boolean; private buttonText; constructor(); keypressed(e: KeyboardEvent): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "w-card": WarpCard; } } export { WarpCard };