import React from 'react';

interface BaseContainerProps {
  children: React.ReactNode;
  className?: string;
}

const BaseContainer: React.FC<BaseContainerProps> = ({
  children,
  className = ''
}) => {
  return (
    <div className={`relative w-full h-full ${className}`}>
      {/* 底框 */}
      <div className="absolute inset-0" data-name="底框" data-node-id="1705:119101">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/base-frame.png" />
      </div>

      {/* 头部 */}
      <div className="absolute top-0 left-0 right-0 h-8" data-name="头部" data-node-id="1705:119126">
        {/* 头部装饰，暂时用占位符 */}
        <div className="bg-gradient-to-r from-blue-500/80 to-purple-500/80 rounded-t-lg h-full" />
      </div>

      {/* 内容区域 */}
      <div className="relative z-10 p-6 h-full pt-10">
        {children}
      </div>
    </div>
  );
};

export default BaseContainer;