import { Children, type ReactNode } from 'react'
import styles from './form-examples.module.css'

export default function FieldGrid({ children }: { children: ReactNode }) {
  return (
    <div className={styles.grid}>
      {Children.map(children, (child) => <div className={styles.field}>{child}</div>)}
    </div>
  )
}