import { jsx as _jsx } from "react/jsx-runtime";
import { Radio } from "@material-ui/core";
import styled from "styled-components";
import { RadioOnIcon } from "../Icon/RadioOnIcon";
import { RadioOffIcon } from "../Icon/RadioOffIcon";
import { CheckedIcon } from "../Icon/CheckedIcon";
import { UncheckedIcon } from "../Icon/UncheckedIcon";
export const StyledRadio = (props) => {
    return (_jsx(CustomRadio, Object.assign({}, props, { checkedIcon: !props.type || props.type === "radio" ? _jsx(RadioOnIcon, {}, void 0) : _jsx(CheckedIcon, {}, void 0), icon: !props.type || props.type === "radio" ? _jsx(RadioOffIcon, {}, void 0) : _jsx(UncheckedIcon, {}, void 0) }), void 0));
};
const CustomRadio = styled(Radio) `
    && {
        input {
            width: 24px;
            height: 24px;
        }
    }
`;
//# sourceMappingURL=Radio.js.map