Emil
40 lines
971 B
TypeScript
40 lines
971 B
TypeScript
'use client'
|
|
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
|
import { Button } from '@/components/ui/button'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
interface DataEntryFormProps {
|
|
title: string
|
|
onSubmit: (e: React.FormEvent) => void
|
|
submitLabel?: string
|
|
isSubmitting?: boolean
|
|
children: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
export default function DataEntryForm({
|
|
title,
|
|
onSubmit,
|
|
submitLabel = 'Spara',
|
|
isSubmitting = false,
|
|
children,
|
|
className,
|
|
}: DataEntryFormProps) {
|
|
return (
|
|
<Card className={cn('', className)}>
|
|
<CardHeader>
|
|
<CardTitle className="text-base">{title}</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<form onSubmit={onSubmit} className="space-y-4">
|
|
{children}
|
|
<Button type="submit" disabled={isSubmitting} size="sm">
|
|
{isSubmitting ? 'Sparar...' : submitLabel}
|
|
</Button>
|
|
</form>
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
}
|