import type { Snippet } from 'svelte';
type Props = {
    title: string;
    /** Right-aligned secondary text in the header (e.g. plan name). */
    meta?: string;
    children: Snippet;
};
/**
 * Usage — card that lists plan / quota usage as a column of icon + label + progress bar + display rows.
 * Compose with `<UsageRow>` children.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--usage--background` | Card background | `var(--sc-kit--color--bg--panel)` |
 * | `--sc-kit--usage--border-color` | Card border | `var(--sc-kit--color--border)` |
 * | `--sc-kit--usage--padding` | Card padding | `var(--sc-kit--space--6) var(--sc-kit--space--8)` |
 * | `--sc-kit--usage--title--color` | Header title color | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--usage--meta--color` | Header meta color | `var(--sc-kit--color--text--muted)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;