import React, { useState, useEffect } from "react";
import { Skeleton } from "@douyinfe/semi-ui";


export function SkeletonScreen () {
   return <>
      <Skeleton.Title style={{ width: "95%", height: 24, margin: "8px 20px" }} />
      <Skeleton.Title style={{ width: "80%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "50%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "60%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "90%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "70%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "50%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "40%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "60%", height: 28, margin: "16px 20px" }} />
      <Skeleton.Title style={{ width: "40%", height: 28, margin: "16px 20px" }} />
   </>
}