"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BigIconDisplay = void 0;
const react_1 = __importDefault(require("react"));
const Flex_1 = require("../Flex");
const IconCircled_1 = require("../IconCircled");
const Box_1 = require("../Box");
const Heading_1 = require("../Heading");
const Text_1 = require("../Text");
function BigIconDisplay({ label, icon, children, containerProps, headingProps, }) {
    return (react_1.default.createElement(Flex_1.Flex, Object.assign({}, containerProps),
        react_1.default.createElement(Box_1.Box, null,
            react_1.default.createElement(IconCircled_1.IconCircled, { Asset: icon, scale: 0.75, width: 48, height: 48, color: "brandMain", bg: "brandLightest" })),
        react_1.default.createElement(Box_1.Box, { ml: "m" },
            label && (react_1.default.createElement(Box_1.Box, null,
                react_1.default.createElement(Text_1.Text, { variant: "b1m", color: "gray.2" }, label))),
            react_1.default.createElement(Heading_1.Heading, Object.assign({ variant: "h5", color: "gray.1" }, headingProps), children))));
}
exports.BigIconDisplay = BigIconDisplay;
//# sourceMappingURL=BigIconDisplay.js.map