@prezly/theme-kit-ui
Version:
UI components for Prezly themes
43 lines (42 loc) • 1.36 kB
JavaScript
'use client';
import { ArrowDownTrayIcon } from '@heroicons/react/24/outline';
import React, { useEffect, useState } from 'react';
import { twMerge } from 'tailwind-merge';
import { ButtonLink } from "../Button/index.mjs";
import { StoryShareLinks } from "../StoryShareLinks/index.mjs";
export function GalleryTitle(_ref) {
var {
className,
gallery
} = _ref;
var {
name,
description,
downloadHref
} = gallery;
var [url, setUrl] = useState('');
useEffect(() => {
if (typeof window !== 'undefined') {
setUrl(window.location.href);
}
}, []);
return /*#__PURE__*/React.createElement("div", {
className: twMerge('container px-6 py-12 sm:p-12', className)
}, /*#__PURE__*/React.createElement("div", {
className: "max-w-3xl mx-auto"
}, /*#__PURE__*/React.createElement("h1", {
className: "title-large"
}, name), description && /*#__PURE__*/React.createElement("p", {
className: "subtitle-large mt-3"
}, description), /*#__PURE__*/React.createElement("div", {
className: "mt-6 flex items-center gap-4"
}, downloadHref && /*#__PURE__*/React.createElement(ButtonLink, {
href: downloadHref,
forceRefresh: true,
icon: ArrowDownTrayIcon,
iconPlacement: "right",
size: "small"
}, "Download"), /*#__PURE__*/React.createElement(StoryShareLinks, {
shareUrl: url
}))));
}