24 lines
541 B
TypeScript
24 lines
541 B
TypeScript
import React from "react";
|
|
|
|
import { isSelected } from "../lists";
|
|
|
|
export interface DisplayColumnProps<TColumn extends string = string> {
|
|
displayColumns: TColumn[];
|
|
column: TColumn;
|
|
}
|
|
|
|
const DisplayColumn: React.FC<DisplayColumnProps> = ({
|
|
displayColumns,
|
|
children,
|
|
column
|
|
}) => {
|
|
const display = React.useMemo(
|
|
() => isSelected(column, displayColumns, (a, b) => a === b),
|
|
[column, displayColumns]
|
|
);
|
|
|
|
return <>{display && children}</>;
|
|
};
|
|
|
|
DisplayColumn.displayName = "DisplayColumn";
|
|
export default DisplayColumn;
|