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
7/** Material sheets lead with the question itself, so the eyebrow is left out. */
8export function SheetIntro(props: SheetIntroProps) {
9 return (
10 <View className="gap-2 rounded-[20px] bg-card p-3">
11 <Text className="text-xl font-t3-medium">{props.title}</Text>
12 <Text className="text-base leading-normal text-foreground-secondary">
13 {props.description}
14 </Text>
15 </View>
16 );
17}