import { Fragment } from 'react';

/** Renders "\n" in API text as <br />. */
export default function Multiline({ text }: { text: string }) {
  const lines = text.split('\n');
  return lines.map((line, i) => (
    <Fragment key={i}>
      {line}
      {i < lines.length - 1 && <br />}
    </Fragment>
  ));
}