import { type ProgressBarStage } from './types';
type Props = {
    /** Current stage index, 0-based. Stages 0..stage (inclusive) are filled. */
    stage: number;
    /**
     * Stage descriptors — at minimum `{ color }` per stage (consumer provides the CSS color).
     * Length determines the total segment count.
     */
    stages: ProgressBarStage[];
    /** Segment shape — `bar` = full-width stretched segments, `pips` = compact fixed-size ticks (e.g. a table cell). @default 'bar' */
    variant?: 'bar' | 'pips';
    /** Show the current stage's label below the bar. When `false`, the label surfaces in a tooltip on hover instead. @default true */
    showLabel?: boolean;
};
/**
 * Multi-stage workflow progress indicator. Pass `stages` as an array of `{ color, label? }`
 * descriptors — the bar renders one segment per stage; segments `0..stage` (inclusive) are filled,
 * the rest use the empty-segment color. Each stage's `color` is either a named tone from the shared
 * palette (resolved to its muted shade, e.g. `'green'` → `--sc-kit--tone--green--muted`) or a raw CSS
 * color / `var(--sc-kit--*)`. Useful
 * for content-lifecycle indicators (Ideas → Draft → Review → Scheduled → Published) in cards, table
 * cells, or post pages. `variant="pips"` renders compact fixed-size ticks (left-aligned) instead of
 * full-width segments — for dense table cells. `showLabel={false}` drops the inline current-stage
 * label (e.g. in a compact table cell) and surfaces it in a hover tooltip instead.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--progress-bar--segment--height` | Segment height | `bar` 4px / `pips` 12px |
 * | `--sc-kit--progress-bar--segment--width` | Segment width | `bar` auto (stretches) / `pips` 6px |
 * | `--sc-kit--progress-bar--segment--gap` | Gap between segments | `bar` 2px / `pips` 4px |
 * | `--sc-kit--progress-bar--segment--border-radius` | Segment corner radius | `bar` 1px / `pips` 2px |
 * | `--sc-kit--progress-bar--segment--background--empty` | Empty segment color | `var(--sc-kit--color--bg--active)` |
 * | `--sc-kit--progress-bar--track--padding-block` | Vertical padding around the bar (enlarges the hover/click target) | `5px` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;