import type { IconColor, IconSize } from './types';
interface Props {
    /** Raw SVG string (must start with `<svg`) */
    src: string;
    /** Predefined color preset applied to the icon */
    color?: IconColor | null;
    /**
     * Size preset. Standalone visual weight `sm | md | lg | xlg` = 14 / 20 / 32 / 48 px;
     * control-paired `control-xs | control-sm | control-md | control-lg | control-xl` = 14 / 15 / 16 / 18 / 20 px.
     * Omit to fall through to the CSS cascade (default 1.25rem = 20px).
     */
    size?: IconSize | null;
}
/**
 * Renders an inline SVG icon with configurable size, color presets, and optional stroke/filter effects.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--icon--color` | Fill color (overrides currentColor) | `currentColor` |
 * | `--sc-kit--icon--color-accent` | Color for `accent` preset | `--sc-kit--color--accent` |
 * | `--sc-kit--icon--color-muted` | Color for `muted` preset | `--sc-kit--color--text--muted` |
 * | `--sc-kit--icon--color-success` | Color for `success` preset | `--sc-kit--color--success` |
 * | `--sc-kit--icon--color-warning` | Color for `warning` preset | `--sc-kit--color--warning` |
 * | `--sc-kit--icon--color-danger` | Color for `danger` preset | `--sc-kit--color--danger` |
 * | `--sc-kit--icon--color-text` | Color for `text` preset | `--sc-kit--color--text--primary` |
 * | `--sc-kit--icon--color-on-accent` | Color for `on-accent` preset | `--sc-kit--color--text--on-accent` |
 * | `--sc-kit--icon--filter` | CSS filter applied to the SVG | `none` |
 * | `--sc-kit--icon--size` | Width and height of the SVG | `1.25rem` (20px) |
 * | `--sc-kit--icon--stroke-width` | Stroke width on SVG paths | `0` |
 *
 * ### Size presets
 * | Class | `--sc-kit--icon--size` |
 * |---|---|
 * | `icon--sm` | `0.875rem` (14px) |
 * | `icon--md` | `1.25rem` (20px) |
 * | `icon--lg` | `2rem` (32px) |
 * | `icon--xlg` | `3rem` (48px) |
 * | `icon--control-xs` | `var(--sc-kit--field--icon--size--xs)` (14px) |
 * | `icon--control-sm` | `var(--sc-kit--field--icon--size--sm)` (15px) |
 * | `icon--control-md` | `var(--sc-kit--field--icon--size--md)` (16px) |
 * | `icon--control-lg` | `var(--sc-kit--field--icon--size--lg)` (18px) |
 * | `icon--control-xl` | `var(--sc-kit--field--icon--size--xl)` (20px) |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;