/**
 * A flexible container for grouping related content.
 *
 * 🤖 **AI Agent Usage Notes (Zero-Raw-HTML Adherence)**:
 * - NEVER use raw HTML classes like `<div class="lu-card__header">`.
 * - ALWAYS compose a card using its dedicated subcomponents:
 *   - `<LuCardHeader>` (can contain `<LuCardTitle>` and `<LuCardSubtitle>`)
 *   - `<LuCardBody>` (for primary content, automatically adds padding)
 *   - `<LuCardFooter>` (for actions/buttons, usually wrapped in a `<LuStack pad="0">`)
 *   - `<LuCardMedia>` (for top-level images/video)
 */
interface LuCardProps {
    /** Visual variant. Resolves to BEM modifier `lu-card--{variant}`. */
    variant?: string;
    /** The HTML tag to render. @default 'div' */
    as?: string;
}
declare var __VLS_6: {};
type __VLS_Slots = {} & {
    default?: (props: typeof __VLS_6) => any;
};
declare const __VLS_component: import("vue").DefineComponent<LuCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LuCardProps> & Readonly<{}>, {
    as: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};