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>
  );
}