import { s as UseReactCompareSliderReturn } from "./types-W8QOPAhr.mjs";
import { CSSProperties, ComponentProps, FC, PropsWithChildren } from "react";

//#region src/components/handle.d.ts
/** Props for `ReactCompareSliderHandle`. */
type HandleProps = {
  /** Optional styles for the circular element in the middle of the handle. */buttonStyle?: CSSProperties; /** Optional styles for lines either side of the handle button. */
  linesStyle?: CSSProperties;
};
type HandleDetailedProps = ComponentProps<'div'> & HandleProps;
/**
 * Default `handle` of the `ReactCompareSlider` component. This should be placed within the `HandleRoot`
 * component when building your own slider.
 */
declare const Handle: FC<HandleDetailedProps>;
//#endregion
//#region src/components/image.d.ts
type ImageProps = ComponentProps<'img'>;
/** `img` element with default styles applied by `styleFitContainer`. */
declare const Image: FC<ImageProps>;
//#endregion
//#region src/components/provider.d.ts
type ContextProps = UseReactCompareSliderReturn;
type ProviderProps = PropsWithChildren<ContextProps>;
/**
 * The root component of the slider - provides the state and event handlers for the slider components.
 */
declare const Provider: React.FC<ProviderProps>;
/**
 * Access the state and event handlers of the slider - must be used within the `Provider` or `ReactCompareSlider` component.
 * @example
 * ```tsx
 * const { position, setPosition } = useReactCompareSliderContext();
 * ```
 */
declare const useReactCompareSliderContext: () => ContextProps;
//#endregion
export { Image as a, HandleDetailedProps as c, useReactCompareSliderContext as i, HandleProps as l, Provider as n, ImageProps as o, ProviderProps as r, Handle as s, ContextProps as t };
//# sourceMappingURL=provider-CAZsCNkf.d.mts.map