"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UIRadioButton = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const core_1 = require("@material-ui/core");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const RadioOnIcon_1 = require("../Icon/RadioOnIcon");
const RadioOffIcon_1 = require("../Icon/RadioOffIcon");
const CheckedIcon_1 = require("../Icon/CheckedIcon");
const UncheckedIcon_1 = require("../Icon/UncheckedIcon");
const UIRadioButton = (props) => {
    return ((0, jsx_runtime_1.jsx)(CustomRadio, { ...props, checkedIcon: !props.type || props.type === "radio" ? (0, jsx_runtime_1.jsx)(RadioOnIcon_1.RadioOnIcon, {}) : (0, jsx_runtime_1.jsx)(CheckedIcon_1.CheckedIcon, {}), icon: !props.type || props.type === "radio" ? (0, jsx_runtime_1.jsx)(RadioOffIcon_1.RadioOffIcon, {}) : (0, jsx_runtime_1.jsx)(UncheckedIcon_1.UncheckedIcon, {}) }));
};
exports.UIRadioButton = UIRadioButton;
const CustomRadio = (0, styled_components_1.default)(core_1.Radio) `
    && {
        input {
            width: 24px;
            height: 24px;
        }
    }
`;
//# sourceMappingURL=UIRadioButton.js.map