Function TableRow

packages/react-aria/stories/table/example-resizing.tsx:305–333

({
  item,
  children,
  state,
  className
}: {
  item: any;
  children: ReactNode;
  state: any;
  className: string;
})

}

export function TableRow({
  item,
  children,
  state,
  className
}: {
  item: any;
  children: ReactNode;
  state: any;
  className: string;
}): JSX.Element {
  let ref = useRef<HTMLTableRowElement | null>(null);
  let isSelected = state.selectionManager.isSelected(item.key);
  let {rowProps} = useTableRow({node: item}, state, ref);
  let {isFocusVisible, focusProps} = useFocusRing();

  return (
    <tr
      style={{
        color: isSelected ? 'white' : undefined,
        outline: isFocusVisible ? '2px solid orange' : 'none'
      }}
      className={className}
      {...mergeProps(rowProps, focusProps)}
      ref={ref}>
      {children}
    </tr>
  );
}

export function TableCell({
  cell,