import { EuiButton , EuiEmptyPrompt , EuiText } from '@elastic/eui' ; import React from 'react' ; import { ISection } from '../../../typings/section' ; interface Props { section : ISection ; } export function EmptySection ( { section } ) { return ( < EuiEmptyPrompt style = { { maxWidth : 'none' } } title = { < h2 > { section . title } < /h2>} titleSize="xs" body={<EuiText color="default">{section.description}</EuiText > } actions = { < > { section . linkTitle && ( < EuiButton size = "s" color = "primary" fill href = { section . href } target = { section . target } data - test - subj = { `empty-${ section . id }` } > { section . linkTitle } < /EuiButton>)} < />}/ > ) ; }