21 lines
579 B
TypeScript
21 lines
579 B
TypeScript
import { View, Text } from "react-native";
|
|
|
|
interface SectionCardProps {
|
|
title: string;
|
|
children: React.ReactNode;
|
|
accentClass?: string;
|
|
}
|
|
|
|
export function SectionCard({ title, children, accentClass }: SectionCardProps) {
|
|
return (
|
|
<View
|
|
className={`rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700 p-4 mb-4 ${accentClass ?? ""}`}
|
|
>
|
|
<Text className="text-xs font-semibold uppercase tracking-widest text-neutral-500 dark:text-neutral-400 mb-3">
|
|
{title}
|
|
</Text>
|
|
{children}
|
|
</View>
|
|
);
|
|
}
|