Function TableRow

starters/hooks/src/Table.tsx:108–132

({
  item,
  children,
  state
}: {
  item: Node<object>;
  children: ReactNode;
  state: TableState<object>;
})

}

function TableRow({
  item,
  children,
  state
}: {
  item: Node<object>;
  children: ReactNode;
  state: TableState<object>;
}) {
  let ref = useRef<HTMLTableRowElement>(null);
  let {rowProps, isSelected, isDisabled, isPressed} = useTableRow({node: item}, state, ref);
  let {isFocusVisible, focusProps} = useFocusRing();
  return (
    <tr
      {...mergeProps(rowProps, focusProps)}
      ref={ref}
      className="react-aria-Row"
      data-selected={isSelected || undefined}
      data-disabled={isDisabled || undefined}
      data-pressed={isPressed || undefined}
      data-focus-visible={isFocusVisible || undefined}>
      {children}
    </tr>
  );
}

function TableCell({cell, state}: {cell: Node<object>; state: TableState<object>}) {
  let ref = useRef<HTMLTableCellElement>(null);