import { ThemedText } from "@/components/themed-text";
import { useAppTheme } from "@/hooks/use-app-theme";
import { 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>
      <ThemedText style={{ fontSize: 16 }}>{description}</ThemedText>
    </View>
  );
};