FormBoxEmpty.tsx19 lines · main
| 1 | import type { ReactNode } from 'react' |
| 2 | |
| 3 | interface Props { |
| 4 | icon: ReactNode |
| 5 | text: ReactNode |
| 6 | } |
| 7 | |
| 8 | const FormBoxEmpty = ({ icon, text }: Props) => { |
| 9 | return ( |
| 10 | <div className="flex items-center justify-center flex-row py-4 space-x-2"> |
| 11 | <div className="relative bg-surface-100 text-foreground-lighter w-6 h-6 rounded-full flex items-center justify-center"> |
| 12 | {icon} |
| 13 | </div> |
| 14 | <p className="text-foreground-light">{text}</p> |
| 15 | </div> |
| 16 | ) |
| 17 | } |
| 18 | |
| 19 | export default FormBoxEmpty |