import React from 'react';
import { Card, Tag } from 'tdesign-react';

interface IPlaceholderProps {
  title: string;
  desc?: string;
  phase?: string;
}

const Placeholder: React.FC<IPlaceholderProps> = ({ title, desc, phase }) => (
  <Card title={title} subtitle={desc || '页面空壳已就位，业务内容按排期填充'}>
    <div style={{ padding: '24px 0' }}>
      <Tag theme={phase ? 'warning' : 'primary'} variant='light'>
        {phase || 'D5-D7 填充业务内容'}
      </Tag>
    </div>
  </Card>
);

export default Placeholder;