import React from 'react'; import { Body, NoSavedItemsIcon, css, spacing, } from '@mongodb-js/compass-components'; const containerStyles = css({ display: 'flex', flexDirection: 'column', gap: spacing[2], padding: spacing[3], textAlign: 'center', marginTop: spacing[3], // same spacing as query item }); const iconContainerStyles = css({ margin: '0 auto', }); const descriptionStyles = css({ maxWidth: spacing[7] * 3, margin: '0 auto', }); function ZeroGraphic({ text }: { text: string }) { return (

{text}

); } export { ZeroGraphic };