import { IconPinOffOutline } from "../assets/svg";
import { TableHeaderProps } from "../types/table";

function TableHeadPin<T>({ header }: TableHeaderProps<T>) {
  return header.column.getIsPinned() !== "left" ? (
    <div className="ts--head--button" onClick={() => header.column.pin("left")}>
      {/* <IconPinOutline /> */}
    </div>
  ) : (
    <div className="ts--head--button" onClick={() => header.column.pin(false)}>
      <IconPinOffOutline />
    </div>
  );
}

export default TableHeadPin;