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

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

function ProjectsRoute(): React.JSX.Element {
  return (
    <>
      <SubBar>
        <Tag kind="neutral">projects</Tag>
      </SubBar>
      <div className="body body-pad">
        <EmptyState glyph="∅" copy="coming in a later task" />
      </div>
    </>
  )
}