import React from 'react'; import type { ThemeVars } from '@coinbase/cds-common/core/theme'; import type { SharedProps } from '@coinbase/cds-common/types/SharedProps'; import { type TableCellProps } from './TableCell'; export type TableRowRef = React.MutableRefObject; export type TableRowBaseProps = SharedProps & { /** * Children are required, and should always include TableCell | TableCell[]. */ children: NonNullable; /** * Should this row span the entire width of the table? * Useful for treating a row as a Control Strip. * @default undefined */ fullWidth?: boolean; /** * Set the background color for this entire row * to some CDS Palette background color name * @default undefined */ backgroundColor?: ThemeVars.Color; /** * Set the text color for this entire row to some * CDS Palette foreground color name * @default undefined */ color?: ThemeVars.Color; /** * By default, we set a hover background color of * palette.backgroundAlternate on hover for the row. * Use this prop to disable this behavior * @default false */ disableHoverIndicator?: boolean; /** * The spacing to use on the parent wrapper of Cell. * Will only take effect when fullWidth is set to true */ outerSpacing?: TableCellProps['outerSpacing']; /** * The spacing to use on the inner content of Cell. * Will only take effect when fullWidth is set to true */ innerSpacing?: TableCellProps['innerSpacing']; }; export type TableRowProps = TableRowBaseProps & Omit, 'dangerouslySetInnerHTML' | 'onClick'> & { /** * Callback to fire when pressed * @default noop */ onClick?: React.MouseEventHandler | (() => void); }; export declare const TableRow: React.MemoExoticComponent< (_props: TableRowProps) => import('react/jsx-runtime').JSX.Element >; //# sourceMappingURL=TableRow.d.ts.map