import type { ButtonProps } from '@planview/pv-uikit'; import React from 'react'; export type GridCellButtonProps = Omit & { /** * Visible label. * * If no tooltip is provided and the visible label is truncated, a tooltip will automatically be applied showing the label on hover/focus */ label?: string; /** * Accessible tab index. You should generally pass through the tabIndex * provided to the Renderer component. */ tabIndex: number; }; declare const GridCellButtonImpl: ({ label, ...rest }: GridCellButtonProps) => React.JSX.Element; /** * * `import { GridCellButton } from '@planview/pv-grid'` * * The [GridCellButton](https://design.planview.com/components/grid/grid-renderer-button) is best suited for triggering actions within a grid, such as deleting a row or opening a modal. * * The component renders an `ButtonEmpty` with fluid height and width with a built-in tooltip. * * ### Responsiveness * The`GridCellButton` will apply a tooltip whenever the text is truncated. This behavior can be overridden by providing the `tooltip` prop * * ### Accessibility * When using the `GridCellButton` component in your Renderer function, it is important to set `focusStrategy` to `"inline"`. * This will make sure focus is applied on the button inside the grid-cell on keyboard navigation which is important for screen readers to be able to read out the * navigation state correctly. * * ```tsx * const deleteColumn: Column = { * id: 'delete', * label: '', * resizable: false, * width: size.small, * cell: { * focusStrategy: 'inline', * Renderer({ rowId, tabIndex }) { * return ( * } * onClick={() => * //some action here * } * /> * ) * }, * }, * }, * ``` */ export declare const GridCellButton: typeof GridCellButtonImpl; export {}; //# sourceMappingURL=cell-button.d.ts.map