"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    icon: function (_a) {
        var color = _a.color;
        return ({
            boxSizing: 'border-box',
            borderWidth: 2,
            borderStyle: 'solid',
            borderColor: color,
            height: 12,
            width: 12,
            borderRadius: 30,
            transition: 'opacity 0.3s',
            margin: 4
        });
    },
    active: function (_a) {
        var color = _a.color;
        return ({
            backgroundColor: color
        });
    },
    inactive: {
        backgroundColor: 'white'
    },
    clickable: {
        cursor: 'pointer'
    }
});
