// eslint-disable-next-line @typescript-eslint/no-unused-vars
import React, { useEffect, useState } from 'react';
// import styled from 'styled-components';
// import Segmented from '../lib/Segmented/Segmented';
//
// const Wrap = styled.div`
//   display: flex;
//   flex-direction: column;
//   gap: 50px;
//   align-items: start;
// `;
//
// // 组件使用
// const Home: React.FC = () => {
//   const [value, setValue] = useState<React.ReactNode>('Daily');
//   const [value2, setValue2] = useState<React.ReactNode>('Monthly');
//   useEffect(() => {
//     console.log(value);
//   }, [value]);
//   return (
//     <Wrap>
//       <Segmented
//         options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']}
//         value={value}
//         changeValue={setValue}
//       />
//       <Segmented
//         options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']}
//         value={value2}
//         changeValue={setValue2}
//       />
//     </Wrap>
//   );
// };
//
// export default Home;