import { Button } from '@feewee/h5app-common';
import { Helmet } from '@modern-js/runtime/head';
import { useNavigate } from '@modern-js/runtime/router';

function Index() {
  const navigate = useNavigate();

  return (
    <>
      <Helmet>
        <link rel="icon" type="image/x-icon" href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico" />
      </Helmet>
      <main className="p-4 h-screen h-svh">
        <div className="text-center">这是首页</div>
        <div className=" mt-4">
          <Button type="info" shape="round" fill="outline" className="!mx-auto !block" onClick={() => navigate('/demo')}>
            跳转页面
          </Button>
        </div>
      </main>
    </>
  );
}

export default Index;
