import Layout from '../components/Layout'
import SEO from '../components/SEO'
import { getLua, filterDesc } from '../utils/doc-utils'
import type { Documentation } from '../utils/doc-utils'
import Docs from '../components/Docs'

export interface LuaProps {
  lua: Documentation
}

export default function Lua(props: LuaProps) {
  return (
    <Layout>
      <SEO title="Conky – Lua API" description="Conky Lua API documentation" />
      <main className="w-full pt-4">
        <div>
          <h1 className="text-2xl px-2 lg:px-4" data-cy="page-heading">
            Lua API
          </h1>
        </div>
        <Docs docs={props.lua} braces={false} assign={false} />
      </main>
    </Layout>
  )
}

export function getStaticProps() {
  const lua = filterDesc(getLua())

  return { props: { lua } }
}
