import { Easing } from 'framer-motion';
import { default as React } from 'react';
export type SearchViewShape = "full" | "minimal" | "sharp";
export interface SearchViewProps {
    value: string;
    onChange: (value: string) => void;
    onSubmit?: (value: string) => void;
    onClear?: () => void;
    placeholder?: string;
    dockedLeadingIcon?: React.ReactNode;
    dockedTrailingIcon?: React.ReactNode;
    children?: React.ReactNode;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
    desktopRadius?: string | number;
    className?: string;
    variant?: "modal" | "docked" | "fullscreen";
    triggerVariant?: "default" | "minimal" | "icon";
    color?: "surface" | "primary" | "secondary" | "transparent";
    expandedHeight?: number | string;
    expandedMinHeight?: number | string;
    expandedMaxHeight?: number | string;
    showOverlay?: boolean;
    shape?: SearchViewShape;
    duration?: number;
    easing?: Easing;
}
export declare const SearchView: ({ value, onChange, onSubmit, onClear, placeholder, dockedLeadingIcon, dockedTrailingIcon, children, open: controlledOpen, onOpenChange, desktopRadius, className, variant, triggerVariant, color, expandedHeight, expandedMinHeight, expandedMaxHeight, showOverlay, shape, duration, easing, }: SearchViewProps) => import("react/jsx-runtime").JSX.Element;
