// @ts-nocheck
import './BannerEvent.css';
import React from 'react';
import { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';
import { cn } from '../../utils/bem';
import { Typography } from '../Typography';
import { Button } from '../Button/Button';
import { Picture } from '../Picture/Picture';
import { IconArrowRight } from '../../icons/IconArrowRight/IconArrowRight';
export var bannerEventPropView = ['default'];
export var bannerEventPropViewDefault = bannerEventPropView[0];
var cnBannerEvent = cn('BannerEvent');
export var BannerEvent = forwardRefWithAs(function (props, ref) {
    var _a = props.view, view = _a === void 0 ? 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.createElement("div", { className: cnBannerEvent({ view: view }) },
        React.createElement("div", { className: cnBannerEvent('Picture') }, picture && (React.createElement(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.createElement("div", { className: cnBannerEvent('Inner') },
            React.createElement(Typography.Title, { className: cnBannerEvent('Title'), size: "lg" }, title),
            text && (React.createElement(Typography.Text, { className: cnBannerEvent('Text') }, text)),
            React.createElement("div", { className: cnBannerEvent('Date') },
                date && React.createElement(Typography.Title, { size: "md" }, date),
                time && React.createElement(Typography.Title, { size: "md" }, time)),
            labelButton && (React.createElement("div", { className: cnBannerEvent('Button') },
                React.createElement(Button, { view: "primary", iconRight: IconArrowRight, iconSize: 'm', label: labelButton, target: "_blank", as: "a", href: link }))))));
});
