spliit/src/app/groups/[groupId]/expenses/expense-page.tsx

import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { ReactNode } from 'react'

export function ExpensePage({
  children,
  title,
}: {
  children: ReactNode
  title: ReactNode
}) {
  return (
    <Card>
      <CardHeader>
        <CardTitle>{title}</CardTitle>
      </CardHeader>
      <CardContent>{children}</CardContent>
    </Card>
  )
}