import { PropsWithChildren } from 'react' ; import ProjectRow from './row' ; import { CommonSection } from '../common/CommonSection' ; import { IProject } from './IProject' ; import { PreProcessingComponent } from '../common/PreProcessingComponent' ; type Payload = IProject . Payload ; export const Project = { Component : ( { payload } ) => { return PreProcessingComponent < Payload > ( { payload , component : Component , } ) ; } , } ; function Component ( { payload } ) { return ( < CommonSection title = "PROJECT" > < ProjectRow payload = { payload } /> < /CommonSection>); }