"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledMessage = void 0;
const theme_1 = require("../../../theme");
const StyledMessage = (0, theme_1.styled)("div", {
    borderStyle: "solid",
    borderColor: "$border",
    borderWidth: 0,
    borderTopWidth: (0, theme_1.pxToRem)(1),
    borderBottomWidth: (0, theme_1.pxToRem)(1),
    padding: `${(0, theme_1.dimensionsPxToRem)(47)} ${(0, theme_1.dimensionsPxToRem)(83)}`,
    fontWeight: 500,
    lineHeight: 1.25,
    variants: {
        variant: {
            box: {
                borderLeftWidth: (0, theme_1.pxToRem)(1),
                borderRightWidth: (0, theme_1.pxToRem)(1),
                margin: (0, theme_1.pxToRem)(12),
            },
            stretch: {},
        },
        type: {
            warning: {
                backgroundColor: "$yellow3",
                borderColor: "$yellow1",
                color: "$yellow2",
            },
            error: {
                backgroundColor: "$pinky3",
                borderColor: "$pinky1",
                color: "$pinky2",
            },
            info: {
                backgroundColor: "$blue3",
                borderColor: "$blue2",
                color: "$blue1",
            },
            tip: {},
        },
    },
});
exports.StyledMessage = StyledMessage;
//# sourceMappingURL=Message.styled.js.map