import * as React from 'react'; import styled from '@emotion/styled'; import {IconSearch} from 'app/icons'; import space from 'app/styles/space'; import EmptyMessage from 'app/views/settings/components/emptyMessage'; type Props = { small?: boolean; children?: React.ReactNode; withIcon?: boolean; className?: string; }; const EmptyStateWarning = ({ small = false, withIcon = true, children, className, }: Props) => small ? ( {withIcon && } {children} ) : ( {withIcon && } {children} ); const EmptyStreamWrapper = styled('div')` text-align: center; font-size: 22px; padding: 48px ${space(1)}; p { line-height: 1.2; margin: 0 auto 20px; &:last-child { margin-bottom: 0; } } svg { fill: ${p => p.theme.gray200}; margin-bottom: ${space(2)}; } `; const SmallMessage = styled('div')` display: flex; align-items: center; color: ${p => p.theme.gray300}; font-size: ${p => p.theme.fontSizeExtraLarge}; line-height: 1em; `; const StyledIconSearch = styled(IconSearch)` margin-right: ${space(1)}; `; export default EmptyStateWarning;