mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-20 11:53:40 +02:00
d36b321d9d
Applied formatting to 1487+ files using pnpm format:write - TypeScript/JavaScript files - Svelte components - Astro pages - JSON configs - Markdown docs 13 files still need manual review (Astro JSX comments)
30 lines
667 B
TypeScript
30 lines
667 B
TypeScript
import { View } from 'react-native';
|
|
import { Text } from '~/components/Text';
|
|
|
|
type EmptyStateProps = {
|
|
icon: string;
|
|
title: string;
|
|
description: string;
|
|
padding?: number;
|
|
};
|
|
|
|
export function EmptyState({ icon, title, description, padding = 32 }: EmptyStateProps) {
|
|
return (
|
|
<View
|
|
style={{
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
padding,
|
|
}}
|
|
>
|
|
<Text style={{ fontSize: 60, marginBottom: 16 }}>{icon}</Text>
|
|
<Text variant="h3" color="primary" align="center" style={{ marginBottom: 8 }}>
|
|
{title}
|
|
</Text>
|
|
<Text variant="body" color="secondary" align="center">
|
|
{description}
|
|
</Text>
|
|
</View>
|
|
);
|
|
}
|