import { __makeTemplateObject } from "tslib";
import styled, { css } from "styled-components";
import { LIGHT_THEME } from "../Pallette/themes";
import RadioGroupOption from "./components/RadioGroupOption";
export var RadioOptionStyled = styled(RadioGroupOption)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
export var RadioGroupStyled = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n\n  ", "\n"], ["\n  display: flex;\n\n  ", "\n"])), function (_a) {
    var direction = _a.direction;
    if (direction === "column") {
        return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        flex-direction: column;\n\n        ", ":not(:last-child) {\n          margin-bottom: 16px;\n        }\n      "], ["\n        flex-direction: column;\n\n        ", ":not(:last-child) {\n          margin-bottom: 16px;\n        }\n      "])), RadioOptionStyled);
    }
    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      flex-direction: row;\n      ", ":not(:last-child) {\n        margin-right: 16px;\n      }\n    "], ["\n      flex-direction: row;\n      ", ":not(:last-child) {\n        margin-right: 16px;\n      }\n    "])), RadioOptionStyled);
});
RadioGroupStyled.defaultProps = {
    theme: LIGHT_THEME
};
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
