import React from 'react';
import { Box, Text } from '@chakra-ui/react';
import Flex from '../flex/index.js';

var colors = {
    A: '#4CA651',
    B: '#54B646',
    C: '#CAD143',
    D: '#FEF050',
    E: '#F1AE3D',
    F: '#EE6E2D',
    G: '#D02F26',
};
var EnergyLabel = function (_a) {
    var efficiency = _a.efficiency;
    return (React.createElement(Flex, { height: "20px", width: "md" },
        React.createElement(Box, { borderTopWidth: "10px", borderTopColor: "transparent", borderRightWidth: "10px", borderRightColor: colors[efficiency], borderBottomWidth: "10px", borderBottomColor: "transparent" }),
        React.createElement(Flex, { backgroundColor: colors[efficiency], width: "full", height: "full", justifyContent: "end", alignItems: "center", paddingRight: "xs" },
            React.createElement(Text, { color: "white", textStyle: "heading4" }, efficiency))));
};

export { EnergyLabel as default };
//# sourceMappingURL=index.js.map
