field.tsx 444 B

1234567891011121314151617181920212223
  1. 'use client'
  2. import type { FC } from 'react'
  3. import React from 'react'
  4. type Props = {
  5. className?: string
  6. label: string
  7. children: React.ReactNode
  8. }
  9. const Field: FC<Props> = ({
  10. className,
  11. label,
  12. children,
  13. }) => {
  14. return (
  15. <div className={className}>
  16. <div className='py-1 system-sm-semibold text-text-secondary'>{label}</div>
  17. <div className='mt-1'>{children}</div>
  18. </div>
  19. )
  20. }
  21. export default React.memo(Field)