"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PillTab = exports.PillTabs = void 0;
var styles_1 = require("@mui/styles");
var Tabs_1 = __importDefault(require("@mui/material/Tabs"));
var Tab_1 = __importDefault(require("@mui/material/Tab"));
var colors_1 = require("../../base/colors");
exports.PillTabs = styles_1.withStyles({
    root: {
        display: "inline-flex",
        width: "100%",
        borderRadius: 4,
        backgroundColor: colors_1.grey.subtle,
        minHeight: 0,
        "& div.MuiTabs-scroller": {
            "& .MuiTabs-flexContainer": {
                flex: "0 0 100%",
                justifyContent: "space-between",
                alignContent: "center",
            },
        },
    },
    indicator: {
        display: "none",
    },
})(Tabs_1.default);
exports.PillTab = styles_1.withStyles(function (theme) {
    return styles_1.createStyles({
        root: {
            textTransform: "none",
            flexGrow: 1,
            fontWeight: theme.typography.fontWeightRegular,
            margin: theme.spacing(0.5),
            padding: theme.spacing(0.5) + " " + theme.spacing(1),
            minHeight: 0,
            "&:hover": {
                color: colors_1.green.standard,
                opacity: 1,
            },
            "&$selected": {
                backgroundColor: colors_1.green.standard,
                fontWeight: theme.typography.fontWeightMedium,
                color: "white",
                borderRadius: 4,
            },
            "&:focus": {
                color: "white",
            },
        },
        selected: {},
    });
})(Tab_1.default);
//# sourceMappingURL=PillToggle.js.map