import type { Meta, StoryObj } from "@storybook/web-components-vite";
import type { WarpCard } from "./card.js";
import "./card-link.css";
import "./card.js";
declare const args: Partial<WarpCard> & {
    [key: string]: any;
};
declare const meta: Meta<typeof args>;
export default meta;
type Story = StoryObj<typeof args>;
export declare const Default: Story;
export declare const Selected: Story;
export declare const Flat: Story;
export declare const FlatSelected: Story;
export declare const Clickable: Story;
export declare const PropertyExample: Story;
export declare const StylingApi: Story;
/**
 * Example of a card that is not focusable or clickable, and has no interactive elements inside it.
 */
export declare const CardNoNavigation: Story;
/**
 * Example of a card that has a single interactive element inside it that is both sematically correct and the clickable area expands to fill the card.
 */
export declare const CardWholeCardClickable: Story;
/**
 * Example of a card that has a sematically correct main clickable interactive element that expands to fill the card,
 * and also has a second interactive element inside it.
 */
export declare const CardCardClickablePlusASecondInteractiveElement: Story;
/**
 * Example of a card that has two interactive elements inside it, but the card itself is not clickable.
 * The interactive elements are independently clickable and focusable, and the card itself is not focusable or clickable.
 */
export declare const CardSeparateInteractiveElements: Story;
export declare const AdvancedExample: Story;
export declare const AdvancederExamples: Story;