stacklok / codegate-ui / 12951977628

import { EmptyState } from "@/components/EmptyState";

import { IllustrationError, Button } from "@stacklok/ui-kit";

import { useNavigate } from "react-router-dom";

import { FlipBackward } from "@untitled-ui/icons-react";

export function RouteNotFound() {

  return (

    <div className="flex items-center justify-center h-full">

      <EmptyState

        title="Oops! There's nothing here"

        description="Either the page you were looking for doesn’t exist or the link may be broken."

        illustration={<IllustrationError className="w-1/2" />}

      >

          <FlipBackward /> Home

        </Button>

      </EmptyState>

    </div>

  );

}