import { EuiText , EuiFlexGroup , EuiFlexItem , EuiPanel , EuiBadge , } from '@elastic/eui' ; import React from 'react' ; export function DefaultDiscoveryRule ( ) { return ( < EuiPanel paddingSize = "m" style = { { margin : 4 } } hasBorder = { true } > < EuiFlexGroup alignItems = "center" > < EuiFlexItem grow = { false } style = { { marginLeft : 100 } } > < EuiBadge color = "danger" > Exclude < /EuiBadge> < /EuiFlexItem> < EuiFlexItem grow = { false } > < EuiText size = "s" > Everything else < /EuiText> < /EuiFlexItem> < /EuiFlexGroup> < /EuiPanel>); }