import Styles from "@/constants/Styles";
import { View } from "react-native";
import Skeleton from "./skeleton";

export default function SkeletonContent() {
   return (
      <View style={[Styles.borderBottom, Styles.mv05]}>
         <View style={[Styles.rowOnly]}>
            <Skeleton width={40} height={40} borderRadius={10} />
            <View style={[{ flex: 1, justifyContent: 'center' }, Styles.ph05]}>
               <Skeleton width={30} widthType="percent" height={10} borderRadius={10} />
               <Skeleton width={50} widthType="percent" height={10} borderRadius={10} />
            </View>
         </View>
         <Skeleton width={100} widthType="percent" height={40} borderRadius={5} />
         <Skeleton width={100} widthType="percent" height={10} borderRadius={5} />
      </View>
   )
}