type Props = {
    /** Which playback state to depict. @default 'play' */
    glyph?: 'play' | 'pause';
};
/**
 * Playback glyph overlaid on a cover / thumbnail or on a player surface. It plays nothing and is
 * `pointer-events: none` — it only depicts the state its parent owns, so an interactive parent wraps it
 * in its own `<button>`. The parent positions it (typically absolute-centered) and must be
 * `container-type: inline-size` for the default container-query size to scale.
 *
 * Lower the shadow on very light backgrounds: the default `drop-shadow(1px 1px #000)` reads as a harsh
 * outline there — pass a softer filter, or `none`.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--play-indicator--size` | Glyph size; container-query clamp scales it to parent width, reaching the 54px ceiling at 450px | `clamp(1.75rem, 12cqi, 3.375rem)` |
 * | `--sc-kit--play-indicator--filter` | Shadow applied to the glyph | `--sc-kit--filter--icon-overlay` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;