import type { Snippet } from 'svelte';
type CardElevation = 'flat' | 'raised';
type CardPadding = 'none' | 'sm' | 'md' | 'lg';
type Props = {
    /** Visual elevation. @default 'flat' */
    elevation?: CardElevation;
    /** Inner body padding preset. Header/footer inline padding follows it; their block padding stays fixed. @default 'md' */
    padding?: CardPadding;
    header?: Snippet;
    footer?: Snippet;
    children: Snippet;
    /**
     * Presence of `on.click` switches the card to button-mode: rendered as `<button type="button">`,
     * gains hover/focus states. Without it the card is a plain `<div>`.
     */
    on?: {
        click?: () => void;
    };
};
/**
 * Container surface with border, panel background, and rounded corners. Optional `header` and `footer`
 * snippets render in chrome with their own dividers. Pass `on.click` to switch to button-mode — the
 * whole card becomes a clickable target with hover and focus state, no `interactive` flag needed.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--card--background` | Body background | `var(--sc-kit--color--bg--panel)` |
 * | `--sc-kit--card--border-color` | Border color | `var(--sc-kit--color--border)` |
 * | `--sc-kit--card--border-color--hover` | Border color in button-mode on hover | `var(--sc-kit--color--border--strong)` |
 * | `--sc-kit--card--border-radius` | Border radius | `var(--sc-kit--radius--lg)` |
 * | `--sc-kit--card--shadow` | Box-shadow on `elevation='raised'` | `var(--sc-kit--shadow--md)` |
 * | `--sc-kit--card--shadow--hover` | Box-shadow in button-mode on hover | `var(--sc-kit--shadow--sm)` |
 * | `--sc-kit--card--color` | Body text color | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--card--header--background` | Header bar background | `transparent` |
 * | `--sc-kit--card--header--border-color` | Header bottom divider | `var(--sc-kit--color--border)` |
 * | `--sc-kit--card--header--padding` | Header padding (full shorthand) | block `var(--sc-kit--space--3)`, inline follows the `padding` preset |
 * | `--sc-kit--card--body--padding` | Body padding (full shorthand) | the `padding` preset value |
 * | `--sc-kit--card--footer--background` | Footer bar background | `var(--sc-kit--color--bg--element)` |
 * | `--sc-kit--card--footer--border-color` | Footer top divider | `var(--sc-kit--color--border)` |
 * | `--sc-kit--card--footer--padding` | Footer padding (full shorthand) | block `var(--sc-kit--space--3)`, inline follows the `padding` preset |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;