import * as React from "react"

import { Card, CardContent, CardFooter } from "@/components/ui/card"

export default function FormShell({
  children,
  footer,
}: {
  children: React.ReactNode
  footer?: React.ReactNode
}) {
  return (
    <Card>
      <CardContent className="pt-6">{children}</CardContent>
      {footer ? <CardFooter className="justify-end gap-2">{footer}</CardFooter> : null}
    </Card>
  )
}