import type { ImgCropper } from './img-cropper.svelte'; import type { Snippet } from 'svelte'; type Props = { cropper: ImgCropper; children?: Snippet; }; /** * Toolbar with image manipulation buttons: Move, Crop, Zoom In/Out, Rotate, Reset. * Shows aspect ratio popover when `cropper.ratioOptions` is set, and fill color * picker when `cropper.showFillColor` is true (derived from `mode === 'contain'`). * * ### Props * | Prop | Type | Default | Description | * |---|---|---|---| * | `cropper` | `ImgCropper` | — | Cropper controller instance | * | `children` | `Snippet` | — | Extra controls rendered at the end | * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--img-cropper-toolbar--color` | Button text/icon color | `light-dark(gray-800, white)` | * | `--sc-kit--img-cropper-toolbar--background` | Button background | `light-dark(white, dark-700)` | * | `--sc-kit--img-cropper-toolbar--border-color` | Button border color | `light-dark(neutral-200, dark-600)` | * | `--sc-kit--img-cropper-toolbar--active-color` | Active button accent color | `light-dark(primary-500, primary-400)` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;