"use strict";
exports.__esModule = true;
exports.BannerEvent = exports.bannerEventPropViewDefault = exports.bannerEventPropView = void 0;
var tslib_1 = require("tslib");
// @ts-nocheck
require("./BannerEvent.css");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var PropsWithAsAttributes_1 = require("../../utils/types/PropsWithAsAttributes");
var bem_1 = require("../../utils/bem");
var Typography_1 = require("../Typography");
var Button_1 = require("../Button/Button");
var Picture_1 = require("../Picture/Picture");
var IconArrowRight_1 = require("../../icons/IconArrowRight/IconArrowRight");
exports.bannerEventPropView = ['default'];
exports.bannerEventPropViewDefault = exports.bannerEventPropView[0];
var cnBannerEvent = (0, bem_1.cn)('BannerEvent');
exports.BannerEvent = (0, PropsWithAsAttributes_1.forwardRefWithAs)(function (props, ref) {
    var _a = props.view, view = _a === void 0 ? exports.bannerEventPropViewDefault : _a, title = props.title, labelButton = props.labelButton, link = props.link, picture = props.picture, text = props.text, date = props.date, time = props.time;
    return (react_1["default"].createElement("div", { className: cnBannerEvent({ view: view }) },
        react_1["default"].createElement("div", { className: cnBannerEvent('Picture') }, picture && (react_1["default"].createElement(Picture_1.Picture, { desktop: picture.desktop, desktopWebp: picture.desktopWebp, desktop2x: picture.desktop2x, desktop2xWebp: picture.desktop2xWebp, tablet: picture.tablet, tabletWebp: picture.tabletWebp, tablet2x: picture.tablet2x, tablet2xWebp: picture.tablet2xWebp, mobile: picture.mobile, mobileWebp: picture.mobileWebp, mobile2x: picture.mobile2x, mobile2xWebp: picture.mobile2xWebp }))),
        react_1["default"].createElement("div", { className: cnBannerEvent('Inner') },
            react_1["default"].createElement(Typography_1.Typography.Title, { className: cnBannerEvent('Title'), size: "lg" }, title),
            text && (react_1["default"].createElement(Typography_1.Typography.Text, { className: cnBannerEvent('Text') }, text)),
            react_1["default"].createElement("div", { className: cnBannerEvent('Date') },
                date && react_1["default"].createElement(Typography_1.Typography.Title, { size: "md" }, date),
                time && react_1["default"].createElement(Typography_1.Typography.Title, { size: "md" }, time)),
            labelButton && (react_1["default"].createElement("div", { className: cnBannerEvent('Button') },
                react_1["default"].createElement(Button_1.Button, { view: "primary", iconRight: IconArrowRight_1.IconArrowRight, iconSize: 'm', label: labelButton, target: "_blank", as: "a", href: link }))))));
});
