29 lines
704 B
TypeScript
29 lines
704 B
TypeScript
import { MessageSquare } from 'lucide-react';
|
|
import { Box } from './Box';
|
|
import { Icon } from './Icon';
|
|
import { Text } from './Text';
|
|
|
|
export interface FeedEmptyStateProps {
|
|
message?: string;
|
|
}
|
|
|
|
export const FeedEmptyState = ({
|
|
message = 'No activity yet.'
|
|
}: FeedEmptyStateProps) => {
|
|
return (
|
|
<Box
|
|
display="flex"
|
|
flexDirection="col"
|
|
alignItems="center"
|
|
justifyContent="center"
|
|
paddingY={12}
|
|
textAlign="center"
|
|
>
|
|
<Box padding={4} rounded="full" bg="var(--ui-color-bg-surface-muted)" marginBottom={4}>
|
|
<Icon icon={MessageSquare} size={8} intent="low" />
|
|
</Box>
|
|
<Text variant="low">{message}</Text>
|
|
</Box>
|
|
);
|
|
};
|