import type { Table } from "@tanstack/react-table";
import type { ComponentPropsWithoutRef } from "react";
import type { ButtonProps } from "@calcom/ui/components/button";
interface DataTableToolbarProps extends ComponentPropsWithoutRef<"div"> {
    children: React.ReactNode;
}
interface SearchBarProps<TData> {
    table: Table<TData>;
    searchKey?: string;
    onSearch?: (value: string) => void;
    className?: string;
}
declare function SearchBarComponent<TData>({ table, searchKey, onSearch, className }: SearchBarProps<TData>, ref: React.Ref<HTMLInputElement>): JSX.Element | null;
interface ClearFiltersButtonProps<TData> {
    table: Table<TData>;
}
declare function ClearFiltersButtonComponent<TData>({ table }: ClearFiltersButtonProps<TData>, ref: React.Ref<HTMLButtonElement>): JSX.Element | null;
declare function CTAComponent({ children, onClick, color, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement>): JSX.Element;
export declare const DataTableToolbar: {
    Root: import("react").ForwardRefExoticComponent<DataTableToolbarProps & import("react").RefAttributes<HTMLDivElement>>;
    SearchBar: <TData>(props: SearchBarProps<TData> & {
        ref?: React.Ref<HTMLInputElement>;
    }) => ReturnType<typeof SearchBarComponent>;
    ClearFiltersButton: <TData>(props: ClearFiltersButtonProps<TData> & {
        ref?: React.Ref<HTMLButtonElement>;
    }) => ReturnType<typeof ClearFiltersButtonComponent>;
    CTA: (props: ButtonProps & {
        ref?: React.Ref<HTMLButtonElement>;
    }) => ReturnType<typeof CTAComponent>;
};
export {};
//# sourceMappingURL=DataTableToolbar.d.ts.map