playground showcase-section.tsx

0% Statements 0/4

100% Branches 0/0

0% Functions 0/2

0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
 
import { Text } from "~components/text";
import { View } from "~components/view";
 
type Props = {
	title: string;
	children: React.ComponentProps<typeof View>["children"];
};
 
export const Group: React.FC<Props> = ({ title, children }) => (
	<View className="flex gap-2">
		<Text variant="h2">{title}</Text>
		<View className="flex gap-3">{children}</View>
	</View>
);
 
export const Section: React.FC<Props> = ({ title, children }) => (
	<View className="flex gap-1">
		<Text variant="h3">{title}</Text>
		<View className="flex gap-2">{children}</View>
	</View>
);