text: import clsx from "clsx";
  
  import { Image } from "..";
  import { getSiteMetaData } from "@utils/helpers";
  
  export function Bio({ className }) {
    const { author, social } = getSiteMetaData();
  
    return (
      <div className={clsx(`flex items-center`, className)}>
        <Image
          className="flex-shrink-0 mb-0 mr-3 rounded-full w-14 h-14"
          src={require("../../../public/logo.png")}
          webpSrc={require("../../../public/logo.png?webp")}
          previewSrc={require("../../../public/logo.png?lqip")}
          alt="Profile"
        />
  
        <p className="text-base leading-7">
          Written by <b className="font-semibold">{author.name}</b>{" "}
          {author.summary}{" "}
          <a href={`https://thomasleonhighbaugh.me`}>
            Checkout his website!
          </a>
        </p>
      </div>
    );
  }
  