import { serverClient } from "@/lib/trpc/server"

import SectionWrapper from "../SectionWrapper"
import OverviewTableClient from "./Client"

import type { OverviewTableProps } from "@/types/components/blocks/dynamicContent"

export default async function OverviewTable({
  dynamic_content,
  firstItem,
}: OverviewTableProps) {
  const membershipLevel = await serverClient().user.safeMembershipLevel()
  return (
    <SectionWrapper dynamic_content={dynamic_content} firstItem={firstItem}>
      <OverviewTableClient activeMembership={membershipLevel} />
    </SectionWrapper>
  )
}