import type { PlayerButtonDef, PlayerContextActionDef } from './types';
import type { Placement } from '@floating-ui/dom';
type Props = {
    actions: PlayerButtonDef[];
    /** Rows of an overflow menu rendered as the final cell — an ellipsis trigger opening a popover. Empty ⇒ no menu cell. @default [] */
    contextActions?: PlayerContextActionDef[];
    /** Floating UI placement of the overflow menu panel @default 'left-end' */
    contextPosition?: Placement;
    /** Scale the icon on hover (desktop only) */
    scaleEffect?: boolean;
};
/**
 * Renders `PlayerButtons` on desktop and `MobilePlayerButtons` on mobile, switching via container query.
 * Both branches stay mounted, so `contextActions` builds a menu in each; only the visible one is reachable.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--player-button--color` | Button background at full opacity (desktop only — the mobile column paints no button background) | `black` at 95% |
 * | `--sc-kit--player-button--color--inactive` | Button background at rest — the overflow menu panel takes the same value | 60% opacity of `--color` |
 * | `--sc-kit--player-button--menu--border-color` | Overflow menu panel border | `white` at 15% |
 * | `--sc-kit--player-button--menu--item--color` | Overflow menu row text / icon color | `--sc-kit--color--text--on-accent` |
 * | `--sc-kit--player-button--menu--item--background--hover` | Overflow menu row hover background | `white` at 12% |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;