import { Typography } from 'antd';
import { ReactComponent as AddCircle } from '../assets/image/info-icons/add-circle.svg';
import { ReactComponent as QuestionIcon } from '../assets/image/info-icons/questions-icon.svg';
import React from 'react';
import { validate } from 'uuid';

const GraphComp = ({heading, footing}) => {
    return (
        <div className='graph-card'>
            <div className="head">
                <Typography.Text strong style={{color: '#616161'}}>{heading}</Typography.Text>
            </div>
            <div className="mid-graph">

            </div>
            <div className="foot">
                <Typography.Text className=''>{footing}</Typography.Text>
            </div>
        </div>
    );
}

export default GraphComp;
