text: // @flow strict
  import React from 'react';
  import { getContactHref } from '../../../utils';
  import styles from './Author.module.scss';
  import { useSiteMetadata } from '../../../hooks';
  
  const Author = () => {
    const { author } = useSiteMetadata();
  
    return (
      <div className={styles['author']}>
        <p className={styles['author__bio']}>
          {author.bio.split('\n').map((line, index) => 
            <span key={index}>
              {line}
              <br />
            </span>
          )}
        </p>
      </div>
    );
  };
  
  export default Author;
  