import * as React from 'react';
import {PropsWithChildren} from "react";

export interface TableToolbarProps {
  children: React.ReactNode;
}

interface ItemGroupProps {
  children: React.ReactNode;
  position?: string;
}

interface ItemProps {
  children: React.ReactNode;
  layout?: string;
}

interface TitleProps {
  children: React.ReactNode;
  dataHook?: string;
}

interface LabelProps {
  children: React.ReactNode;
}

interface DividerProps {}

interface SelectedCountProps {
  children: React.ReactNode;
  dataHook?: string;
}

declare const ItemGroup: React.FC<PropsWithChildren<ItemGroupProps>>;
declare const Item: React.FC<PropsWithChildren<ItemProps>>;
declare const Title: React.FC<PropsWithChildren<TitleProps>>;
declare const Label: React.FC<PropsWithChildren<LabelProps>>;
declare const Divider: React.FC<PropsWithChildren<DividerProps>>;
declare const SelectedCount: React.FC<PropsWithChildren<SelectedCountProps>>;

export const TableToolbar: React.FC<PropsWithChildren<TableToolbarProps>> & {
  ItemGroup: typeof ItemGroup;
  Item: typeof Item;
  Title: typeof Title;
  Label: typeof Label;
  Divider: typeof Divider;
  SelectedCount: typeof SelectedCount;
};

export default TableToolbar;