import { theme } from 'antd';

interface Props {
  /** Override the title shown next to the copyright. Defaults to VITE_APP_TITLE. */
  title?: string;
  /** Footer height in px. Defaults to 50. */
  height?: number;
}

/**
 * 全局页脚 — 居中显示版权信息（年份自动取当前）。
 */
const Footer: React.FC<Props> = ({ title, height = 50 }) => {
  const { token } = theme.useToken();
  const currentYear = new Date().getFullYear();
  const text = title ?? import.meta.env.VITE_APP_TITLE ?? '';
  return (
    <div
      style={{
        height,
        lineHeight: `${height}px`,
        textAlign: 'center',
        background: token.colorBgLayout,
        color: token.colorTextPlaceholder,
        overflow: 'hidden',
      }}
    >
      <span style={{ fontSize: 14 }}>
        Copyright ©{currentYear} {text}
      </span>
    </div>
  );
};

export default Footer;