import { Button, PageProvider, Toast } from '@feewee/h5app-common';
import { useNavigate } from '@modern-js/runtime/router';

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

  return (
    <PageProvider tittle="急救待办">
      <main className="p-4 h-screen h-svh">
        <div className=" mt-4">
          <Button type="info" shape="round" fill="outline" className="!mx-auto !block" onClick={() => navigate('/rescue')}>
            急救待办
          </Button>

          <Button
            type="primary"
            shape="round"
            className="!mx-auto !block !mt-4"
            onClick={() =>
              Toast.show({
                content: '成功提示',
                icon: 'success',
              })
            }
          >
            吐司提示
          </Button>
        </div>
      </main>
    </PageProvider>
  );
}

export default Index;
