Function CodeGroupFromFile

src/components/code/CodeGroupFromFile.tsx:17–39

({
  path,
  title,
}: {
  path: string
  title?: string
})

 * @example `<CodeGroupFromFile title="filename" path="src/showcase/..." />`
 */
export default function CodeGroupFromFile({
  path,
  title,
}: {
  path: string
  title?: string
}) {
  const [code, setCode] = useState('')
  useEffect(() => {
    const fetchCode = async () => {
      const code = await readFile(path)
      setCode(code)
    }
    fetchCode()
  }, [path])

  const lang = path.split('.').pop() ?? ''
  return (
    <CodeGroup title={title}>
      <Code code={code} language={lang} />
    </CodeGroup>
  )
}