mobile-darmasaba/components/paperGridContent.tsx

import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { Text, View } from "react-native";
import ProgressBar from "./progressBar";

type Props = {
   content: 'carousel' | 'page';
   children: React.ReactNode;
   title: string
   headerColor: 'primary' | 'warning'
};
export default function PaperGridContent({ content, children, title, headerColor }: Props) {
   return (
      <View style={[content == 'carousel' ? Styles.wrapGridCaraousel : Styles.wrapGridContent, headerColor == 'warning' ? ColorsStatus.warning : ColorsStatus.primary]}>
         <View style={[Styles.headerPaperGrid]}>
            <Text style={[Styles.textSubtitle, headerColor == 'warning' ? Styles.cDefault : Styles.cWhite]}>{title}</Text>
         </View>
         <View style={[Styles.contentPaperGrid]}>
            {children}
         </View>
      </View>
   )
}