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 `