omnivore/packages/web/components/templates/homeFeed/EmptyHighlights.tsx
2024-02-08 19:03:22 +08:00

24 lines
737 B
TypeScript

import { Book } from 'phosphor-react'
import { VStack } from '../../elements/LayoutPrimitives'
import { StyledText } from '../../elements/StyledText'
import { theme } from '../../tokens/stitches.config'
import { DEFAULT_HEADER_HEIGHT } from './HeaderSpacer'
export function EmptyHighlights(): JSX.Element {
return (
<VStack
alignment="center"
distribution="center"
css={{
color: '$grayTextContrast',
textAlign: 'center',
marginTop: DEFAULT_HEADER_HEIGHT,
}}
>
<Book size={44} color={theme.colors.grayTextContrast.toString()} />
<StyledText style="fixedHeadline" css={{ color: '$grayTextContrast' }}>
No results found.
</StyledText>
</VStack>
)
}