import { Card, Empty, Typography } from '@arco-design/web-react'
import type { ProjectWorkspace } from './project-types'

const { Title, Text } = Typography

export function ProjectNewChannel({ activeWorkspace }: { activeWorkspace: ProjectWorkspace }) {
  return (
    <div className="project-channel-page project-new-channel-page overview-page">
      <div className="overview-head">
        <div>
          <Title heading={4}>新建频道</Title>
          <Text type="secondary">{activeWorkspace.project.name} 暂不支持自定义频道或外部链接接入。</Text>
        </div>
      </div>
      <Card className="queue-section" bordered>
        <Empty description="自定义频道暂未开放" />
      </Card>
    </div>
  )
}
