All files / packages/app/features/playground links-showcase.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
36
37
38
39
40
41
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { BackLink } from "~components/back-link";
import { ButtonLink, CardLink, Link } from "~components/link";
import { Text } from "~components/text";
 
import { Group, Section } from "./showcase-section";
 
const LinkShowcase = () => (
	<Section title="Link">
		<Link to="/login">Login link</Link>
	</Section>
);
 
const BackLinkShowcase = () => (
	<Section title="BackLink">
		<BackLink to="/login" />
	</Section>
);
 
const ButtonLinkShowcase = () => (
	<Section title="ButtonLink">
		<ButtonLink to="/register">Register</ButtonLink>
	</Section>
);
 
const CardLinkShowcase = () => (
	<Section title="CardLink">
		<CardLink to="/login">
			<Text>Login</Text>
		</CardLink>
	</Section>
);
 
export const LinksShowcase = () => (
	<Group title="Links">
		<LinkShowcase />
		<BackLinkShowcase />
		<ButtonLinkShowcase />
		<CardLinkShowcase />
	</Group>
);