type Props = {
    /** Duration in seconds. Zero, negative, or `null` renders nothing unless `showZero`. */
    seconds: number | null;
    /** Visual style — `raw` is bare text; `badge` is a dark overlay pill for media thumbnails. @default 'raw' */
    variant?: 'raw' | 'badge';
    /** Render `0:00` for a null / zero / negative duration instead of nothing. @default false */
    showZero?: boolean;
};
/**
 * Renders a media/time duration given in seconds as a human-readable clock string — `m:ss` under an
 * hour, `h:mm:ss` at or above (seconds are rounded, so a 60-second carry rolls up). `null` or ≤ 0
 * renders nothing; pass `showZero` to force `0:00`. `variant='raw'` (default) is bare text that
 * inherits the parent's typography; `variant='badge'` is a dark overlay pill for the bottom corner of
 * a video thumbnail. Placement (e.g. absolute over media) is the consumer's job via the cascade.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--duration--badge--background` | Badge background (badge variant) | `rgb(0 0 0 / 55%)` (dark translucent) |
 * | `--sc-kit--duration--badge--color` | Badge text color (badge variant) | `var(--sc-kit--color--text--on-accent)` |
 * | `--sc-kit--duration--badge--padding` | Badge padding (badge variant) | `var(--sc-kit--space--1) var(--sc-kit--space--2)` |
 * | `--sc-kit--duration--badge--border-radius` | Badge corner radius (badge variant) | `var(--sc-kit--radius--sm)` |
 * | `--sc-kit--duration--badge--font-size` | Badge font size (badge variant) | `var(--sc-kit--font-size--xs)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;