import React from 'react';
import { makeStyles, colors } from '@material-ui/core';
import DownArrow from '@material-ui/icons/esm/ArrowDownward';
import UpArrow from '@material-ui/icons/esm/ArrowUpward';
const useStyles = makeStyles(theme => ({
    root: {},
    DownArrow: {
        color: colors.red[500],
        fontSize: 16,
    },
    UpArrow: {
        color: colors.green[500],
        fontSize: 16,
    },
}));
const FluentTrendArrow = props => {
    const { type } = props;
    const classes = useStyles();
    let trend = '';
    switch (type) {
        case 'up':
            trend = React.createElement(UpArrow, { className: classes.UpArrow });
            break;
        case 'down':
            trend = React.createElement(DownArrow, { className: classes.DownArrow });
            break;
        default:
    }
    return trend;
};
export default FluentTrendArrow;
//# sourceMappingURL=FluentTrendArrow.js.map