import type { FitAlign, FitBasis } from './types';
import type { Snippet } from 'svelte';
type Props = {
    /**
     * What the content's width is based on before it is scaled to fit:
     * - `'box'` — content is laid out at the **box width** first (use for fluid, width-driven content: a card, a text block, single-aspect
     *   media). Height follows from that width; the content is then scaled **down** only if too tall. Never enlarges.
     * - `'content'` — content keeps its **own natural size** (use for intrinsic content: `<img>` / `<video>`, a fixed-size widget). It is
     *   scaled to fit **both** axes and may be enlarged when `allowUpscale` is set.
     * @default 'box'
     */
    basis?: FitBasis;
    /** Allow scaling content up past its natural size to fill the box. Takes effect only with `basis="content"` (`'box'` never enlarges). @default false */
    allowUpscale?: boolean;
    /** Inline-axis (horizontal) placement of the fitted content, visible only when free width remains after fitting. @default 'center' */
    alignInline?: FitAlign;
    /** Block-axis (vertical) placement of the fitted content, visible only when free height remains after fitting. @default 'center' */
    alignBlock?: FitAlign;
    children: Snippet;
};
/**
 * Scales its content as one unit to fit the box like `object-fit: contain` — proportions preserved, bounded by both the box's width and
 * height, no crop, no scroll. A generic fit primitive for **cards and media content** (a card, an image/video, a fixed-size widget), not a
 * page-layout tool.
 *
 * How it works: the box is `FitBox`'s **parent**, which must have a **definite size** (fixed / `%` / grid-track / aspect-ratio+width — a
 * content-driven `height: auto` parent collapses and nothing shows). The content is measured, then transform-scaled by
 * `min(boxW / contentW, boxH / contentH)` and positioned; a `ResizeObserver` re-fits on any box or content change.
 *
 * Pick the mode with `basis`:
 * - `basis="box"` (default) — fluid, width-driven content (cards, text, single-aspect media). Fills the box width, scales down to fit the
 * height. Never enlarges.
 * - `basis="content"` — intrinsic content (`<img>` / `<video>`, fixed-size widgets). Keeps the content's natural size and fits both axes;
 * set `allowUpscale` to also enlarge it to fill.
 *
 * `alignInline` / `alignBlock` place the content along an axis when fitting leaves free space there. Requires client-side JS (scales via
 * `transform`, so `position: fixed` descendants are relative to the box); content with a hard fixed width wider than the box is clipped
 * rather than contained.
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;