25 lines
677 B
TypeScript
25 lines
677 B
TypeScript
import { FormField } from '@common/business_components/ui'
|
|
import React, { type ReactElement } from 'react'
|
|
|
|
interface FormSectionProps {
|
|
children: ReactElement
|
|
titleNm: string
|
|
form: any
|
|
name: string
|
|
required?: boolean
|
|
}
|
|
|
|
const FormSection = ({ children, titleNm, form, name, required }: FormSectionProps) => {
|
|
return (
|
|
<div className="grid grid-cols-[200px_1fr] items-center">
|
|
<div className="text-xl font-medium">{titleNm}{required && <span className="text-2xl text-red-500">*</span>}</div>
|
|
<FormField
|
|
control={form.control}
|
|
name={name}
|
|
render={({ field }) => children}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FormSection |