import React from 'react'
import "./font.css"
import "./left.less"

const Module = (props) => {
    const { style, children, title, hualun, customize } = props
    return (
        <>
            <div style={{ width: style?.width || "100%", height: style?.height || "30%", backgroundColor: "rgba(0,33,98,0.8)", marginTop: style?.marginTop || "0" }}>
                <div style={{ width: "100%", height: "40px"/* , backgroundColor: "#fff" */, position: "relative" }}>
                    {/* <p>{title || []}</p> */}
                    <img src='/assets/images/quanju/icon.png' style={{ width: "24px", position: "absolute", left: "20px", top: "15%" }} />
                    <span style={{ position: "absolute", color: "#FFFFFF", fontSize: "24px", fontFamily: "YouSheBiaoTiHei", left: "50px" }}>{title || []}</span>
                    <img src='/assets/images/quanju/mokuaitou.png' style={{ width: "100%", height: "28px", position: "absolute", top: "12px" }} />
                </div>
                <div id='scroll-2' style={{ width: "100%", height: customize ? `calc(100% - 40px)` : "80%", overflow: hualun }}>
                    {children}
                </div>
            </div>
        </>
    )
}
export default Module