import React , { FC } from 'react' ; import { Grid } from '@material-ui/core' ; import { Page , Content , ContentHeader , SupportButton , } from '@backstage/core-components' ; import { SecurityInsightsTable } from '../SecurityInsightsTable' ; import { Entity } from '@backstage/catalog-model' ; const SecurityInsightsTab = ( { entity } ) => ( < Page themeId = "tool" > < Content > < ContentHeader title = "Security Insights" > < SupportButton > Plugin to show Security Insights < /SupportButton> < /ContentHeader> < Grid container spacing = { 3 } direction = "column" > < Grid item > < SecurityInsightsTable entity = { entity } /> < /Grid> < /Grid> < /Content> < /Page>); export default SecurityInsightsTab ;