Function SheetDataEditorHeader

src/sheet/components/SheetDataEditorHeader.tsx:11–30

({ column }: Props)

}

export default function SheetDataEditorHeader({ column }: Props) {
  const { t } = useTranslations();
  const isReadOnly = isColumnReadOnly(column);

  return (
    <div
      className="flex items-center"
      title={isReadOnly ? t('sheet.readOnly') : undefined}
    >
      {isReadOnly && (
        <div className="relative mr-3 h-5 w-5">
          <XMarkIcon className="absolute top-0 left-0 h-5 w-5 text-gray-400" />

          <PencilIcon className="absolute top-0 left-0 h-5 w-5 text-gray-500" />
        </div>
      )}
      {column.label} {fieldIsRequired(column) && '*'}
    </div>
  );
}