/* eslint-disable i18next/no-literal-string,@sanity/i18n/no-attribute-string-literals */
import {Card, Flex, Heading, Inline, Stack} from '@sanity/ui'

import {Button} from '../../../ui-components'

export function NotFoundScreen(props: {onNavigateToDefaultWorkspace: () => void}) {
  return (
    <Card height="fill" sizing="border" tone="caution" display="flex">
      <Flex direction="row" justify="center" flex={1} align="center">
        <Stack space={4}>
          <Heading as="h1">Workspace not found</Heading>
          <Inline>
            <Button
              text="Go to default workspace"
              onClick={props.onNavigateToDefaultWorkspace}
              mode="ghost"
            />
          </Inline>
        </Stack>
      </Flex>
    </Card>
  )
}