// eslint-disable-next-line @typescript-eslint/no-unused-vars
import React, { useState } from 'react';
// import styled from 'styled-components';
// import Skeleton from '../lib/Skeleton/Skeleton';
// import SkeletonItem from '../lib/Skeleton/SkeletonItem';
// import Button from '../lib/Button/Button';
//
// const Wrap = styled.div`
//   display: flex;
//   flex-direction: column;
//   gap: 100px;
// `;
//
// const Home: React.FC = () => {
//   const [loading, setLoading] = useState<boolean>(true);
//   return (
//     <Wrap>
//       <Button onClick={() => setLoading(!loading)}>{loading ? '正在加载' : '已加载'}</Button>
//       <Skeleton loading={loading} active>
//         <SkeletonItem height={60} span={50} offset={20} />
//         <SkeletonItem span={50} offset={10} />
//         <SkeletonItem span={50} offset={10} />
//         <SkeletonItem span={50} offset={10} />
//       </Skeleton>
//       <Skeleton>
//         <SkeletonItem span={20} offset={0} />
//         <SkeletonItem span={80} offset={0} />
//         <SkeletonItem span={60} offset={0} />
//         <SkeletonItem span={100} offset={0} />
//       </Skeleton>
//     </Wrap>
//   );
// };
//
// export default Home;