---
import { PROFILE_INFO } from "@/lib/constants/profile";
import MarkdownRenderer from "@/components/ui/markdown-renderer.astro";

import Box from "@/components/box/index.astro";
import BoxHeader from "@/components/box/header.astro";
import BoxTitle from "@/components/box/title.astro";
import BoxContent from "@/components/box/content.astro";
---

<Box>
  <BoxHeader>
    <BoxTitle> About </BoxTitle>
  </BoxHeader>
  <BoxContent>
    <MarkdownRenderer
      className="text-sm leading-7 font-medium"
      content={PROFILE_INFO.about}
    />
  </BoxContent>
</Box>