import { ThemedText } from "@/components/themed-text";
import { useAppTheme } from "@/hooks/use-app-theme";
import { ScrollView, View } from "react-native";

interface DescriptionProps {
  title?: string;
  description?: string;
}
export const Description = ({
  title = "",
  description = "",
}: DescriptionProps) => {
  const { colors } = useAppTheme();
  return (
    <View className="flex-row gap-2 ">
      <ThemedText style={{ color: colors.textSecondary, fontSize: 16 }}>
        {title}:
      </ThemedText>
      <ScrollView horizontal showsHorizontalScrollIndicator={false}>
        <ThemedText style={{ color: colors.textSecondary, fontSize: 16 }}>
          {description || "-"}
        </ThemedText>
      </ScrollView>
    </View>
  );
};
