import type { ReactNode } from 'react'; export type TableToolbarProps = { /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; /** Accepts the toolbar content, usually `` elements. */ children?: ReactNode; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Removes vertical paddings from the component. */ removeVerticalPadding?: boolean; }; export type TableToolbarItemGroupProps = { /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; /** Accepts the group's content, usually `` elements. */ children?: ReactNode; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Controls whether the group's items align to the `start` or the `end` of the group. * @default 'start' */ position?: 'start' | 'end'; }; export type TableToolbarItemProps = { /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; /** Accepts any content to render as the toolbar item. */ children?: ReactNode; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Adjusts spacing to the previous item of the same layout: `button` gives an 8px gap, `iconButton` a 2px gap. */ layout?: 'button' | 'iconButton'; }; export type TableToolbarTitleProps = { /** Sets the toolbar title, rendered as a medium ``. */ children?: ReactNode; /** Specifies a CSS class name to be appended to the component's root element. * @internal */ className?: string; /** Applies a data-hook HTML attribute to be used in the tests. */ dataHook?: string; }; export type TableToolbarLabelProps = { /** Accepts the label content, rendered in a `