import { createFileRoute } from '@tanstack/react-router'
import React from 'react'
import { EmptyState } from '../primitives'
import { SubBar } from '../shell/SubBar'
import { Tag } from '../primitives'

export const Route = createFileRoute('/')({
  component: HomeRoute,
})

function HomeRoute(): React.JSX.Element {
  return (
    <>
      <SubBar>
        <Tag kind="neutral">recent</Tag>
      </SubBar>
      <div className="body body-pad">
        <EmptyState glyph="∅" copy="coming in Phase 5" />
      </div>
    </>
  )
}