import {Fragment} from 'react'; import styled from '@emotion/styled'; import zeroInboxIssuesImg from 'sentry-images/spot/zero-inbox-issues.svg'; import {space} from 'sentry/styles/space'; function Message({title, subtitle}: {subtitle: React.ReactNode; title: React.ReactNode}) { return ( {title}

{subtitle}

); } type Props = { subtitle: React.ReactNode; title: React.ReactNode; }; function NoUnresolvedIssues({title, subtitle}: Props) { return ( No issues found spot illustration ); } const Wrapper = styled('div')` display: flex; padding: ${space(4)} ${space(4)}; flex-direction: column; align-items: center; text-align: center; color: ${p => p.theme.subText}; @media (max-width: ${p => p.theme.breakpoints.small}) { font-size: ${p => p.theme.fontSizeMedium}; } `; const EmptyMessage = styled('div')` font-weight: ${p => p.theme.fontWeightBold}; @media (min-width: ${p => p.theme.breakpoints.small}) { font-size: ${p => p.theme.fontSizeExtraLarge}; } `; export default NoUnresolvedIssues;