@q2devel/q2-storybook 1.0.158 → 1.0.159
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -17,5 +17,5 @@ export default function TheatreEvent({ time, hall, title, year, duration, ageRat
|
|
|
17
17
|
window.open(ticketUrl, "_blank", "noopener,noreferrer");
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
return (_jsxs("div", { className: `${className}`, children: [_jsxs("div", { className: "hidden md:flex md:flex-wrap md:items-start md:justify-between md:py-2.5", children: [_jsxs("div", { className: "flex gap-[22px] items-start shrink-0 w-full xl:w-auto max-w-full md:justify-between cursor-pointer group", onClick: onClick, children: [_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "font-semibold text-[24px] leading-[30px] text-primary-black whitespace-nowrap group-hover:text-primary-pink transition-colors duration-300", children: time }) }), _jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black whitespace-nowrap group-hover:text-primary-pink transition-colors duration-300", children: hall }) }), _jsx("div", { className: "flex items-center p-[10px] w-[207px]", children: _jsx("p", { className: "font-semibold text-[24px] leading-[30px] text-primary-black flex-1 group-hover:text-primary-pink transition-colors duration-300", children: parse(title) }) }), _jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black text-center w-[33px] group-hover:text-primary-pink transition-colors duration-300", children: year }) })] }), _jsxs("div", { className: "flex gap-[22px] items-center shrink-0 justify-between w-full xl:w-auto max-w-full", children: [_jsxs("div", { className: "flex flex-wrap gap-[22px] items-center shrink-0", children: [_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsxs("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: [duration, " min"] }) }), _jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: ageRating }) }), subtitles && (_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: subtitles }) })), format && (_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: format }) })), specialTag && (_jsx("div", { className: "flex items-center justify-center p-[10px] border border-primary-grey", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: specialTag }) }))] }), _jsx(Button, { onClick: handleTicketClick, rounded: "none", className: "bg-primary-pink text-white px-11 py-2.5 uppercase text-lg cursor-pointer border-primary-pink border-1 hover:bg-white hover:text-primary-pink", children: "VSTUPENKY" })] })] }), _jsxs("div", { className: "md:hidden flex flex-col w-full", children: [_jsxs("div", { className: "flex-col w-full", children: [_jsxs("div", { className: "flex items-start", children: [_jsx("div", { className: "flex items-center justify-center py-[2px]", children: _jsx("p", { className: "font-semibold text-[18px] leading-[27px] text-primary-black whitespace-nowrap", children: time }) }), _jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black whitespace-nowrap", children: hall }) })] }), _jsxs("div", { className: "flex items-end justify-between w-full", children: [_jsx("div", { className: "flex items-center py-[2px] w-[207px]", children: _jsx("p", { className: "font-semibold text-[18px] leading-[27px] text-primary-black flex-1", children: parse(title) }) }), _jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black text-center w-[33px]", children: year }) })] })] }), _jsxs("div", { className: "flex flex-wrap min-h-[32px] mb-2.5 items-center justify-between w-full", children: [_jsx("div", { className: "flex items-center justify-center pr-[10px] py-[2px]", children: _jsxs("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: [duration, " min"] }) }), _jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: ageRating }) }), subtitles && (_jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: subtitles }) })), specialTag && (_jsx("div", { className: "flex items-center justify-center px-[5px] py-[2px] border border-primary-grey", children: _jsx("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: specialTag }) }))] }), _jsx(Button, { onClick: handleTicketClick, rounded: "none", className: "bg-primary-pink text-white px-11 py-2.5 uppercase text-lg cursor-pointer border-primary-pink border-1 hover:bg-white hover:text-primary-pink", children: "VSTUPENKY" })] })] }));
|
|
20
|
+
return (_jsxs("div", { className: `${className}`, children: [_jsxs("div", { className: "hidden md:flex md:flex-wrap md:items-start md:justify-between md:py-2.5", children: [_jsxs("div", { className: "flex gap-[22px] items-start shrink-0 w-full xl:w-auto max-w-full md:justify-between cursor-pointer group", onClick: onClick, children: [_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "font-semibold text-[24px] leading-[30px] text-primary-black whitespace-nowrap group-hover:text-primary-pink transition-colors duration-300", children: time }) }), _jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black whitespace-nowrap group-hover:text-primary-pink transition-colors duration-300", children: hall }) }), _jsx("div", { className: "flex items-center p-[10px] w-[207px]", children: _jsx("p", { className: "font-semibold text-[24px] leading-[30px] text-primary-black flex-1 group-hover:text-primary-pink transition-colors duration-300", children: parse(title) }) }), _jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black text-center w-[33px] group-hover:text-primary-pink transition-colors duration-300", children: year }) })] }), _jsxs("div", { className: "flex gap-[22px] items-center shrink-0 justify-between w-full xl:w-auto max-w-full", children: [_jsxs("div", { className: "flex flex-wrap gap-[22px] items-center shrink-0", children: [_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsxs("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: [duration, " min"] }) }), _jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: ageRating }) }), subtitles && (_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: subtitles }) })), format && (_jsx("div", { className: "flex items-center justify-center p-[10px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: format }) })), specialTag && (_jsx("div", { className: "flex items-center justify-center p-[10px] border border-primary-grey", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-grey whitespace-nowrap", children: specialTag }) }))] }), _jsx(Button, { onClick: handleTicketClick, rounded: "none", className: "bg-primary-pink text-white px-11 py-2.5 uppercase text-lg cursor-pointer border-primary-pink border-1 hover:bg-white hover:text-primary-pink", children: "VSTUPENKY" })] })] }), _jsxs("div", { className: "md:hidden flex flex-col w-full", children: [_jsxs("div", { className: "flex-col w-full group", children: [_jsxs("div", { className: "flex items-start", children: [_jsx("div", { className: "flex items-center justify-center py-[2px]", children: _jsx("p", { className: "font-semibold text-[18px] leading-[27px] text-primary-black whitespace-nowrap group-hover:text-primary-pink transition-colors duration-300", children: time }) }), _jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black whitespace-nowrap group-hover:text-primary-pink transition-colors duration-300", children: hall }) })] }), _jsxs("div", { className: "flex items-end justify-between w-full", children: [_jsx("div", { className: "flex items-center py-[2px] w-[207px]", children: _jsx("p", { className: "font-semibold text-[18px] leading-[27px] text-primary-black flex-1 group-hover:text-primary-pink transition-colors duration-300", children: parse(title) }) }), _jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[16px] leading-[28px] text-primary-black text-center w-[33px] group-hover:text-primary-pink transition-colors duration-300", children: year }) })] })] }), _jsxs("div", { className: "flex flex-wrap min-h-[32px] mb-2.5 items-center justify-between w-full", children: [_jsx("div", { className: "flex items-center justify-center pr-[10px] py-[2px]", children: _jsxs("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: [duration, " min"] }) }), _jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: ageRating }) }), subtitles && (_jsx("div", { className: "flex items-center justify-center px-[10px] py-[2px]", children: _jsx("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: subtitles }) })), specialTag && (_jsx("div", { className: "flex items-center justify-center px-[5px] py-[2px] border border-primary-grey", children: _jsx("p", { className: "text-[13px] leading-[24px] text-primary-grey whitespace-nowrap", children: specialTag }) }))] }), _jsx(Button, { onClick: handleTicketClick, rounded: "none", className: "bg-primary-pink text-white px-11 py-2.5 uppercase text-lg cursor-pointer border-primary-pink border-1 hover:bg-white hover:text-primary-pink", children: "VSTUPENKY" })] })] }));
|
|
21
21
|
}
|