import type { Meta, StoryObj } from '@storybook/web-components';
type VersaSize = 'default' | 'halfwidth' | 'onethirdwidth' | 'onequarterwidth';
type CardColor = 'white' | 'blue25' | 'business' | 'blue50' | 'blue400' | 'blue900' | 'coral25' | 'coral50' | 'green25' | 'green50' | 'none';
type VersaCardStoryArgs = Omit<Partial<HTMLPnVersaCardElement>, 'theme'> & {
    /**
     * Wrapper-only sizing (because SCSS targets `.halfwidth .pn-versa-card-hasBg { ... }`)
     */
    size?: VersaSize;
    /** RTE slot content (simulates CMS output) */
    rteHtml?: string;
    /** CTA slot content (simulates CMS output) */
    ctaHtml?: string;
    /** Story-only attribute mapped to data-card-color */
    cardColor?: CardColor;
    imageSrc?: string;
    imageAlt?: string;
};
declare const meta: Meta<VersaCardStoryArgs>;
export default meta;
type Story = StoryObj<VersaCardStoryArgs>;
export declare const OneCardCenteredQuarterPlayGround: Story;
export declare const OneCardCenteredQuarterDefault: Story;
export declare const OneCardRoundedImage: Story;
export declare const OneCardCenteredQuarterImageCoverText: Story;
export declare const ThreeCardsCenteredQuarter: Story;
export declare const TwoCardsHorizontalAlignMiddle: Story;
export declare const OneCardCenteredQuarterDefaultHorizontal: Story;
export declare const OneCardCenteredQuarterTransparentBackground: Story;
