interface ModalBorderProps {
  className?: string;
}

export default function ModalBorder({ className }: ModalBorderProps) {
  return (
    <div className={className} data-name="战略-弹出框">
      {/* 主边框 */}
      <div className="absolute flex inset-[21.03px_20.98px_-0.03px_22.02px] items-center justify-center">
        <div className="flex-none h-[1397px] rotate-[270deg] w-[831px]">
          <div className="relative size-full">
            <img
              alt=""
              className="block max-w-none size-full"
              src="/financial-dashboard/rectangle34627557.svg"
            />
          </div>
        </div>
      </div>

      {/* 右上角装饰 */}
      <div className="absolute h-[112.079px] right-[-0.02px] top-[138.03px] w-[10px]" data-name="Union">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union.svg" />
      </div>

      {/* 右上角装饰2 */}
      <div className="absolute h-[10px] right-[139.09px] top-[0.03px] w-[112.079px]" data-name="Union">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union1.svg" />
      </div>

      {/* 左上角装饰 */}
      <div className="absolute flex h-[112.079px] items-center justify-center left-[0.02px] top-[138.03px] w-[10px]">
        <div className="flex-none rotate-[180deg] scale-y-[-100%]">
          <div className="h-[112.079px] relative w-[10px]" data-name="Union">
            <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union2.svg" />
          </div>
        </div>
      </div>

      {/* 左上角装饰2 */}
      <div className="absolute flex h-[10px] items-center justify-center left-[139.12px] top-[0.03px] w-[112.079px]">
        <div className="flex-none rotate-[180deg] scale-y-[-100%]">
          <div className="h-[10px] relative w-[112.079px]" data-name="Union">
            <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union3.svg" />
          </div>
        </div>
      </div>

      {/* 右上角大装饰 */}
      <div className="absolute h-[129.001px] right-[5.99px] top-[6.03px] w-[132.102px]" data-name="Union">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union4.svg" />
      </div>

      {/* 左上角大装饰 */}
      <div className="absolute flex h-[129.001px] items-center justify-center left-[6.02px] top-[6.03px] w-[132.102px]">
        <div className="flex-none rotate-[180deg] scale-y-[-100%]">
          <div className="h-[129.001px] relative w-[132.102px]" data-name="Union">
            <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union5.svg" />
          </div>
        </div>
      </div>

      {/* 右下角装饰 */}
      <div className="absolute bottom-[-0.03px] h-[30px] right-[20.98px] w-[30.034px]" data-name="Union">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union6.svg" />
      </div>

      {/* 左下角装饰 */}
      <div className="absolute bottom-[-0.03px] h-[30px] left-[22.02px] w-[30.056px]" data-name="Union">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/union7.svg" />
      </div>

      {/* 底部装饰 */}
      <div className="absolute bottom-[-0.03px] h-[3px] left-[205.02px] right-[204.98px]">
        <img alt="" className="block max-w-none size-full" src="/financial-dashboard/rectangle346241370.svg" />
      </div>
    </div>
  );
}