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

export default function SkeletonTask() {
   return (
      <View style={[Styles.borderBottom, Styles.mv05]}>
         <View style={[Styles.rowOnly]}>
            <Skeleton width={10} height={10} borderRadius={3} style={[Styles.mr05]} />
            <Skeleton width={30} widthType="percent" height={10} borderRadius={10} />
         </View>
         <Skeleton width={100} widthType="percent" height={30} borderRadius={5} />
         <View style={[Styles.rowSpaceBetween]}>
            <View style={[Styles.w45]}>
               <Skeleton width={100} height={10} borderRadius={5} />
               <Skeleton width={100} widthType="percent" height={30} borderRadius={5} />
            </View>
            <View style={[Styles.w45]}>
               <Skeleton width={100} height={10} borderRadius={5} />
               <Skeleton width={100} widthType="percent" height={30} borderRadius={5} />
            </View>
         </View>
      </View>
   )
}