import { SliderProps } from './types';
/**
 * Slider — a dual-thumb range slider component.
 *
 * ## Variants
 * - **Default** — floating value labels appear above each thumb
 *   (`valueLabelDisplay`).
 * - **With inputs** (`withInputs`) — two editable number fields above the
 *   track; floating labels are hidden.
 *
 * ## Thumb-crossing behavior
 * - **Default** (`disableSwap` omitted) — thumbs cross freely; values are
 *   re-sorted automatically so the fill always sits between them.
 * - **`disableSwap`** — the active thumb stops at the other thumb (or
 *   `minDistance` away). Use with `minDistance` to enforce a minimum gap.
 *
 * ## Customization
 * All inner styled sub-elements are exported from `@ssa-ui-kit/core` as
 * `Slider*` components. Pass them as selectors inside the `css` prop or
 * target them by their generated class names via `className`.
 *
 * ```tsx
 * import { css } from '@emotion/react';
 * import { Slider, SliderTrackFill, SliderRangeInput } from '@ssa-ui-kit/core';
 *
 * // Override fill color via the css prop
 * <Slider
 *   css={css`
 *     ${SliderTrackFill} { background: #52c587; }
 *     ${SliderRangeInput}::-webkit-slider-thumb { background: #52c587; }
 *   `}
 *   defaultValue={[20, 80]}
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Basic range slider (thumbs swap when they cross)
 * <Slider label="Price" min={0} max={1000} defaultValue={[200, 800]} />
 * ```
 *
 * @example
 * ```tsx
 * // Prevent crossing + enforce a gap of at least 50
 * <Slider
 *   label="Budget"
 *   min={0} max={1000}
 *   disableSwap minDistance={50}
 *   defaultValue={[100, 900]}
 * />
 * ```
 */
export declare const Slider: ({ label, min, max, step, value: valueProp, defaultValue, onChange, size, withInputs, valueLabelDisplay, disableSwap, minDistance, marks, disabled, className, css: customCss, }: SliderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
