import { TextFieldProps } from '../../../index.ts';
import { FC, ComponentProps } from 'react';
import { StyledInputField } from '../input-field/StyledInputField';
export type StyledSearchFieldProps = ComponentProps<typeof StyledInputField> & {
    label: Required<TextFieldProps['label']>;
};
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#28496-138521 (rest) · #27857-162809 (focused/filled)
 * Figma Search field: at rest the label is an in-field placeholder (Body Base 16, placeholder
 * delta-500) with Icon-left (8px + 24px icon + 8px) inside the 40px outlined field — no floating
 * label. On focus/filled the icon hides, the label floats (Small 12, gama-500), and a clear icon
 * may appear on the right.
 */
export declare const StyledSearchField: FC<StyledSearchFieldProps>;