// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import React from 'react';

import { Emojify } from './Emojify.dom.tsx';

export type PropsType = {
  className?: string;
  text?: string;
};

export function About({
  className = 'module-about__text',
  text,
}: PropsType): React.JSX.Element | null {
  if (!text) {
    return null;
  }

  return (
    <span className={className} dir="auto">
      <Emojify text={text || ''} />
    </span>
  );
}
