import { TableCellActionProps } from './table-cell-action.types';
/**
 * This component renders content in a table cell when a row is hovered or focused.
 * It should be used only inside `<TableRow>` component.
 * Use the property `floating` to place the content above the cell content. It is useful when space is limited.
 *
 *
 * ### Usage
 *
 * ```tsx
 * import { TableCellAction } from '@bloomreach/react-banana-ui';
 *
 * export default function RowWithAction() {
 *   return (
 *     <TableRow key={row.id}>
 *       <TableCell>Foo</TableCell>
 *       <TableCell>Bar</TableCell>
 *       <TableCell>
 *         <TableCellAction>
 *           <Button onClick={() => console.log('Edit')}>Edit</Button>
 *         </TableCellAction>
 *       </TableCell>
 *     </TableRow>
 *   );
 * }
 * ```
 *
 *
 * ### Usage (floating)
 *
 * ```tsx
 * import { TableCellAction } from '@bloomreach/react-banana-ui';
 *
 * export default function RowWithFloatingAction() {
 *   return (
 *     <TableRow key={row.id}>
 *       <TableCell>Foo</TableCell>
 *       <TableCell>Bar</TableCell>
 *       <TableCell>
 *        Loang content with floating action
 *         <TableCellAction floating>
 *           <Button onClick={() => console.log('Edit')}>Edit</Button>
 *         </TableCellAction>
 *       </TableCell>
 *     </TableRow>
 *   );
 * }
 * ```
 */
declare const TableCellAction: import('react').ForwardRefExoticComponent<TableCellActionProps & import('react').RefAttributes<HTMLDivElement>>;
export default TableCellAction;