teableio/teable

import { RowHeightLevel } from '@teable/core';
import { DivideSquare, Menu, Square, StretchHorizontal } from '@teable/icons';
import { useMemo } from 'react';
import { useTranslation } from '../../context/app/i18n';

export const useRowHeightNodes = () => {
  const { t } = useTranslation();

  return useMemo(
    () => [
      {
        label: t('rowHeight.short'),
        value: RowHeightLevel.Short,
        Icon: Menu,
      },
      {
        label: t('rowHeight.medium'),
        value: RowHeightLevel.Medium,
        Icon: StretchHorizontal,
      },
      {
        label: t('rowHeight.tall'),
        value: RowHeightLevel.Tall,
        Icon: DivideSquare,
      },
      {
        label: t('rowHeight.extraTall'),
        value: RowHeightLevel.ExtraTall,
        Icon: Square,
      },
    ],
    [t]
  );
};