import React from 'react';
import { makeStyles, useTheme } from '@material-ui/core';
import PropTypes from 'prop-types'; // import PropTypes
const useStyles = makeStyles((theme) => ({
    root: {
        height: theme.spacing(0.5),
        width: '100%'
    }
}));
export const TimelineDateBar = ({ month, months = [], showMonth }) => {
    const theme = useTheme();
    const classes = useStyles();
    const Bar = ({ color }) => {
        return (React.createElement("div", null, React.createElement("div", { className: classes.root, style: { background: color } })));
    };
    let ellipseColor = theme.palette.primary.main;
    switch (month) {
        case 1:
            ellipseColor = React.createElement(Bar, { color: "#A5D7E1" });
            break;
        case 2:
            ellipseColor = React.createElement(Bar, { color: "#FD8A8E" });
            break;
        case 3:
            ellipseColor = React.createElement(Bar, { color: "#ee5396" });
            break;
        case 4:
            ellipseColor = React.createElement(Bar, { color: "#3EA77E" });
            break;
        case 5:
            ellipseColor = React.createElement(Bar, { color: "#BDDBBF" });
            break;
        case 6:
            ellipseColor = React.createElement(Bar, { color: "#be95ff" });
            break;
        case 7:
            ellipseColor = React.createElement(Bar, { color: "#33C9EF" });
            break;
        case 8:
            ellipseColor = React.createElement(Bar, { color: "#F25022" });
            break;
        case 9:
            ellipseColor = React.createElement(Bar, { color: "#7FBA00" });
            break;
        case 10:
            ellipseColor = React.createElement(Bar, { color: "#FFB900" });
            break;
        case 11:
            ellipseColor = React.createElement(Bar, { color: "#938F9D" });
            break;
        case 12:
            ellipseColor = React.createElement(Bar, { color: "#CA525D" });
            break;
        default:
            ellipseColor = React.createElement(Bar, { color: "#6fdc8c" });
            break;
    }
    return ellipseColor;
};
// Define propTypes
TimelineDateBar.propTypes = {
    month: PropTypes.number.isRequired,
    months: PropTypes.array,
    showMonth: PropTypes.bool
};
//# sourceMappingURL=TimelineDateBar.js.map