import React from "react"
import styles from "./index.module.less"

interface outside{
    title:string;
    body:any;
    footer?:any;
}

const OutSidePanel:React.FC<outside>=(props)=>{

    const {title,body,footer} = props
 
    return(
        <div className={styles.omodel}>
            <div className={styles.header}>
                <span style={{ fontSize: 16, fontWeight: 'bold', color: '#fff' }}>{title}</span>
            </div>
            <div className={footer?styles.container:styles.containermore}>
                <div className={styles.containercard}>
                    {body}
                </div>
            </div>
            {footer&&<div className={styles.footer}>
                {footer}
            </div>}
        </div>
    )
}

export default OutSidePanel