import { Drawer , DrawerContent , DrawerContentBody , PageSection , PageSectionVariants , Title , } from '@patternfly/react-core' ; import React from 'react' ; import Projects from '../panel/Projects' ; interface IProjectsPageProps { name : string ; displayName : string ; description : string ; } const ProjectsPage = ( { name , displayName , description , } ) => { return ( < React . Fragment > < PageSection variant = { PageSectionVariants . light } > < Title headingLevel = "h6" size = "xl" > { displayName } < /Title> < p > { description } < /p> < /PageSection> < Drawer isExpanded = { false } > < DrawerContent panelContent = { undefined } > < DrawerContentBody > < PageSection style = { { minHeight : '100%' } } variant = { PageSectionVariants . default } > < Projects name = { name } /> < /PageSection> < /DrawerContentBody> < /DrawerContent> < /Drawer> < /React.Fragment>); } ; export default ProjectsPage ;