import React, { ReactNode } from 'react';
import Button from '../Button/Button';
import './FilterButton.scss';
export type FilterButtonProps = {
    name?: string;
    children?: ReactNode;
    icon?: ReactNode;
    disabled?: boolean;
    hidden?: boolean;
    onEyeIconClick?: () => void;
    headerStyle?: React.CSSProperties;
    rightHeader?: ReactNode;
    open?: boolean;
    onOpenChange?: (v: boolean) => void;
} & React.ComponentProps<typeof Button>;
/**
 * FilterButton component，uncontrolled
 * @param props
 * @param {string} props.name - [optional] The name of the FilterButton, which will be displayed in the button
 * @param {ReactNode} props.children - [optional] The children of the FilterButton, which will be the content of the overlay
 * @param {React.CSSProperties} props.headerStyle - [optional] The style of the header of the FilterButton
 * @param {ReactNode} props.rightHeader - [optional]
 * @param {ReactNode} props.icon - [optional] The icon of the FilterButton, which will be displayed on the left side of the button
 * @param {boolean} props.disabled - [optional] The disabled state of the FilterButton
 * @param {boolean} props.hidden - [optional] Controls the hidden state of the FilterButton
 * @param {() => void} props.onEyeIconClick - [optional] The callback function when the eye icon is clicked
 * @param {React.ComponentProps<typeof Button>} props.rest - [optional] The rest of the props will be passed to the Button component, including onClick
 */
export declare const FilterButton: (props: FilterButtonProps) => import("react/jsx-runtime").JSX.Element;
export default FilterButton;
