/**
 * KRA - Dashboard Banner Component
 */
import React from 'react';
import { Card } from 'antd';
import Logo from '@/components/Logo/Logo';

const Banner: React.FC = () => {
  return (
    <Card
      className="kra-dashboard-card"
      bodyStyle={{ padding: 0, height: '160px', overflow: 'hidden' }}
      bordered={false}
    >
      <div style={{
        height: '100%',
        background: 'linear-gradient(135deg, #1890ff 0%, #722ed1 100%)',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        color: '#fff',
        padding: '24px',
      }}>
        <Logo size="large" />
        <h3 style={{ margin: '12px 0 4px', fontSize: '18px', fontWeight: 600 }}>
          Kratos Admin
        </h3>
        <p style={{ margin: 0, fontSize: '12px', opacity: 0.85 }}>
          全栈管理平台
        </p>
      </div>
    </Card>
  );
};

export default Banner;