qlik-oss/sn-table

import React from "react";
import { CellHOCProps } from "../../../types";
import { StyledBodyCell } from "./styles";

export default function withStyling(CellComponent: typeof StyledBodyCell) {
  const HOC = (props: CellHOCProps) => {
    const {
      styling: { selectedCellClass, ...style },
      component,
      align,
      children,
      scope,
      tabIndex,
      onKeyDown,
      onMouseDown,
      onKeyUp,
      onMouseUp,
      onMouseOver,
      title,
    } = props;

    return (
      <CellComponent
        cellStyle={style}
        component={component}
        scope={scope}
        align={align}
        tabIndex={tabIndex}
        className={`sn-table-cell ${selectedCellClass || ""}`}
        title={title}
        onKeyDown={onKeyDown}
        onMouseDown={onMouseDown}
        onKeyUp={onKeyUp}
        onMouseUp={onMouseUp}
        onMouseOver={onMouseOver}
      >
        {children}
      </CellComponent>
    );
  };

  return HOC;
}