import { ReactElement } from 'react';
import { FilterAlign, FilterSpan } from '@mezzanine-ui/core/filter-area';
import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
import { FormFieldProps } from '../Form';
export interface FilterProps extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'children'> {
    /**
     * Layout control - Vertical alignment of the field.
     * @default 'stretch'
     */
    align?: FilterAlign;
    /**
     * The content of the filter field.
     */
    children: ReactElement<FormFieldProps> | ReactElement<FormFieldProps>[];
    /**
     * Layout control - Whether the field should automatically expand to fill the entire row (equivalent to span={6}).
     * @default false
     */
    grow?: boolean;
    /**
     * Layout control - Minimum width of the field.
     */
    minWidth?: string | number;
    /**
     * Layout control - Number of columns the field occupies in the Grid (1-6, Grid has 6 columns total).
     * This property is ignored when grow is true.
     * @default 2
     */
    span?: FilterSpan;
}
/**
 * 單一篩選條件元件，用於在 FilterLine 中定義欄位的佔位寬度。
 *
 * 使用 6 欄 Grid，`span` 決定欄位佔用幾欄（1–6）；
 * `grow` 設為 `true` 時欄位自動填滿整行。
 * 從 FilterAreaContext 繼承 `size`，統一套用至內部的輸入元件。
 *
 * @example
 * ```tsx
 * import { Filter } from '@mezzanine-ui/react';
 * import { FormField } from '@mezzanine-ui/react';
 * import Input from '@mezzanine-ui/react/Input';
 *
 * <Filter span={2}>
 *   <FormField label="名稱" name="name" layout="horizontal">
 *     <Input placeholder="請輸入" />
 *   </FormField>
 * </Filter>
 * ```
 *
 * @see {@link FilterLine} 包含 Filter 的行容器
 * @see {@link FilterArea} 管理整個篩選器的容器
 */
declare const Filter: import("react").ForwardRefExoticComponent<FilterProps & import("react").RefAttributes<HTMLDivElement>>;
export default Filter;