import React from 'react';

// 背景组件接口
interface SupplyChainBackgroundProps {
  className?: string;
}

// 供应链专用背景组件
const SupplyChainBackground: React.FC<SupplyChainBackgroundProps> = ({
  className = ""
}) => {
  return (
    <div className={`absolute h-[1080px] left-0 overflow-clip top-0 w-[1920px] ${className}`}>
      <div aria-hidden="true" className="absolute inset-0 pointer-events-none">
        <img
          alt="供应链背景"
          className="absolute max-w-none object-50%-50% object-cover size-full"
          src="/supply-chain/property1.png"
        />
        <div className="absolute bg-[rgba(0,79,154,0.1)] inset-0" />
      </div>
    </div>
  );
};

export default SupplyChainBackground;