import React from "react";
import CHARTIMG from "@/assets/images/JobStrategyDetailPage/bar_chart.png";
import Locked from "@/components/Locked";
import "./index.css";

export default ({ locked = true }) => {
  return (
    <div className="curved-employment-wrapper">
      <img src={CHARTIMG} style={locked ? { filter: 'blur(10px)' } : {}} />
      {locked && (
        <Locked text="该板块将在「垂直能力提升」阶段开放，完成线上1V1求职策略定制后解锁" showBackground={false} />
      )}
    </div>
  );
};