Function HtmlHeaderCell

src/ui-solid-dom/common/components.tsx:45–71

(props: {
  readonly cellId?: Id;
  readonly sort: SortAndOffset | [];
  readonly label?: string;
  readonly onClick?: HandleSort;
})

} from './index.tsx';

export const HtmlHeaderCell = (props: {
  readonly cellId?: Id;
  readonly sort: SortAndOffset | [];
  readonly label?: string;
  readonly onClick?: HandleSort;
}) => {
  const sortDescending = props.sort[1];
  const cellId = props.cellId;
  return (
    <th
      onClick={getCallbackOrUndefined(
        () => props.onClick?.(cellId),
        props.onClick,
      )}
      class={
        isUndefined(sortDescending) || props.sort[0] != cellId
          ? undefined
          : `sorted ${sortDescending ? 'de' : 'a'}scending`
      }
    >
      {isUndefined(sortDescending) || props.sort[0] != cellId
        ? null
        : (sortDescending ? DOWN_ARROW : UP_ARROW) + ' '}
      {props.label ?? cellId ?? EMPTY_STRING}
    </th>
  );
};

export const HtmlTable = (
  props: HtmlTableProps & {