import { FooterText } from "./FooterText"
import { FooterVersion } from "./FooterVersion"

export const Footer = async (): Promise<JSX.Element> => {
  const { readPackage } = await import("read-pkg")
  const { version } = await readPackage()

  return (
    <footer className="flex flex-col items-center justify-center border-t-2 border-gray-600 bg-white py-6 text-lg dark:border-gray-400 dark:bg-black">
      <FooterText />
      <FooterVersion version={version} />
    </footer>
  )
}