How to use the @ui5/webcomponents-react/lib/TextAlign.TextAlign.Left function in @ui5/webcomponents-react

const grouped = useMemo(() => {
    const style: CSSProperties = {};
    if (cell.column.hAlign && (cell.column.hAlign !== TextAlign.Left || cell.column.hAlign !== TextAlign.Begin)) {
      style.marginRight = 'auto';
    }
    return (
      <>
        <span style="">
          
        </span>
        <div title="{`${cell.value}">
          {cell.render('Cell')} ({row.subRows.length})
        </div>
      
    );
  }, [row, classes, cell]);

export const Grouped = (props) => {
  const { cell, row } = props;

  const style: CSSProperties = {};
  if (cell.column.hAlign && (cell.column.hAlign !== TextAlign.Left || cell.column.hAlign !== TextAlign.Begin)) {
    style.marginRight = 'auto';
  }
  return (
    <>
      <span style="">
        
      </span>
      {cell.render('Cell')}
    
  );
};

if (rowHeight) {
      style.height = `${rowHeight}px`;
    }

    switch (column.hAlign) {
      case TextAlign.Begin:
        style.textAlign = 'start';
        break;
      case TextAlign.Center:
        style.textAlign = 'center';
        break;
      case TextAlign.End:
        style.textAlign = 'end';
        break;
      case TextAlign.Left:
        style.textAlign = 'left';
        break;
      case TextAlign.Right:
        style.textAlign = 'right';
        break;
    }
    switch (column.vAlign) {
      case VerticalAlign.Bottom:
        style.verticalAlign = 'bottom';
        break;
      case VerticalAlign.Middle:
        style.verticalAlign = 'middle';
        break;
      case VerticalAlign.Top:
        style.verticalAlign = 'top';
        break;

const style: CSSProperties = {};

  if (rowHeight) {
    style.height = `${rowHeight}px`;
  }
  switch (column.hAlign) {
    case TextAlign.Begin:
      style.justifyContent = 'flex-start';
      break;
    case TextAlign.Center:
      style.justifyContent = 'center';
      break;
    case TextAlign.End:
      style.justifyContent = 'flex-end';
      break;
    case TextAlign.Left:
      style.justifyContent = 'left';
      break;
    case TextAlign.Right:
      style.justifyContent = 'right';
      break;
  }
  switch (column.vAlign) {
    case VerticalAlign.Bottom:
      style.alignItems = 'flex-end';
      break;
    case VerticalAlign.Middle:
      style.alignItems = 'center';
      break;
    case VerticalAlign.Top:
      style.alignItems = 'flex-start';
      break;