1import { View } from "react-native";
2
3import { AppText as Text } from "./AppText";
4import type { SheetIntroProps } from "./SheetIntro.types";
5export type { SheetIntroProps } from "./SheetIntro.types";
6
7export function SheetIntro(props: SheetIntroProps) {
8 return (
9 <View className="items-center gap-1 pt-2 pb-1">
10 {props.eyebrow ? (
11 <Text className="text-xs font-t3-bold tracking-[1px] uppercase text-foreground-muted">
12 {props.eyebrow}
13 </Text>
14 ) : null}
15 <Text className="text-center text-3xl font-t3-bold">{props.title}</Text>
16 <Text className="text-center text-sm font-medium leading-normal text-foreground-secondary">
17 {props.description}
18 </Text>
19 </View>
20 );
21}