UnknownInterface.tsx26 lines · main
1import Link from 'next/link'
2import { Button, cn } from 'ui'
3import { Admonition } from 'ui-patterns'
4
5export const UnknownInterface = ({
6 urlBack,
7 fullHeight = true,
8}: {
9 urlBack: string
10 fullHeight?: boolean
11}) => {
12 return (
13 <div className={cn('w-full flex items-center justify-center', fullHeight && 'h-full')}>
14 <Admonition
15 type="note"
16 className="max-w-xl"
17 title="Looking for something?"
18 description="We couldn't find the page that you're looking for"
19 >
20 <Button asChild type="default" className="mt-2">
21 <Link href={urlBack}>Head back</Link>
22 </Button>
23 </Admonition>
24 </div>
25 )
26}