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('/ClaimReviewApprove/DetailList?applyId=22&queryType=1&queryItemType=5&type=1&typeId=12')}
          >
            索赔复核审批详情
          </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;