import titleBackground from "~/assets/images/public/bigScreen/smalltitle.png";
import "./index.less";

/**
 * 大屏信息区块的统一外层，负责展示标题背景并包裹区块业务内容。
 */
function Panel({ title, children, className = "" }) {
  return (
    <section className={`index-info-panel ${className}`.trim()}>
      <div
        className="index-info-panel__title"
        style={{ backgroundImage: `url(${titleBackground})` }}
      >
        {title}
      </div>
      <div className="index-info-panel__content">{children}</div>
    </section>
  );
}

export default Panel;
