All files / packages/app/features/playground playground-screen.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { useTranslation } from "react-i18next";
 
import { AppVersion } from "~app/components/app-version";
import { Text } from "~components/text";
import { View } from "~components/view";
 
import { ButtonShowcase } from "./button-showcase";
import { DialogShowcase } from "./dialog-showcase";
import { InputsShowcase } from "./inputs-showcase";
import { LinksShowcase } from "./links-showcase";
import { MiscShowcase } from "./misc-showcase";
import { SkeletonShowcase } from "./skeleton-showcase";
import { SwitchesShowcase } from "./switches-showcase";
import { TextShowcase } from "./text-showcase";
import { UserShowcase } from "./user-showcase";
 
export const PlaygroundScreen = () => {
	const { t } = useTranslation();
	return (
		<View className="flex gap-8 p-4">
			<Text variant="h1">{t("titles.index")}</Text>
			<ButtonShowcase />
			<UserShowcase />
			<LinksShowcase />
			<InputsShowcase />
			<DialogShowcase />
			<SkeletonShowcase />
			<SwitchesShowcase />
			<TextShowcase />
			<MiscShowcase />
			<AppVersion />
		</View>
	);
};