import React, { useMemo, useState } from "react";
import { ModelBox } from "./style";

export default (props) => {
  const { title, children, style } = props;

  return (
    <ModelBox style={style}>
      <div className="main">
        <div className="titleLeft">
          <img
            className="titleImg"
            src={require("../../assets/chartBox/titleBefor.png")}
          />
          <span className="title">{title}</span>
        </div>
        <div className="titleRight"></div>

        <img
          className="titleBorder"
          src={require("../../assets/chartBox/titleBorder.png")}
        />
      </div>
      {children}
    </ModelBox>
  );
};