import { type IconProp } from '../icon';
import type { BadgeShape, BadgeVariant } from './types';
import type { Snippet } from 'svelte';
type Props = {
    /** Color variant @default 'neutral' */
    variant?: BadgeVariant;
    /** @default 'md' */
    size?: 'sm' | 'md';
    /** Filled chip vs soft-tinted fill @default 'soft' */
    style?: 'soft' | 'solid';
    /** Corner style — pill (fully rounded) vs square (4px radius). @default 'pill' */
    shape?: BadgeShape;
    /** Stretch to fill the parent's inline axis, centering the content. @default false */
    fullWidth?: boolean;
    /** Optional leading icon. */
    icon?: IconProp;
    children: Snippet;
};
/**
 * Status indicator, pill-shaped by default (`shape="square"` for a 4px-radius chip). Use `solid` for stronger emphasis, `soft` (default) for a calm tinted fill that pairs with body content. Optional leading `icon` renders in its own slot; the text content keeps its own ellipsis when it overflows.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--badge--color` | Text color | per variant + style |
 * | `--sc-kit--badge--background` | Background color | per variant + style |
 * | `--sc-kit--badge--height` | Badge height | per size (20 / 24px) |
 * | `--sc-kit--badge--padding-inline` | Horizontal padding | `0.875rem 0.75rem` |
 * | `--sc-kit--badge--border-radius` | Corner radius | `shape="square"` → `var(--sc-kit--radius--sm)`, else `var(--sc-kit--radius--pill)` |
 * | `--sc-kit--badge--font-size` | Content font size | per size |
 * | `--sc-kit--badge--icon-size` | Leading icon size | per size (14 / 16px) |
 * | `--sc-kit--badge--font-weight` | Font weight | `var(--sc-kit--font-weight--medium)` |
 * | `--sc-kit--badge--gap` | Gap between children | `6px` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;