@prezly/theme-kit-ui/build/components/PageTitle/PageTitle.mjs

UI components for Prezly themes

import React from "react";
import { twMerge } from 'tailwind-merge';
import { Breadcrumbs } from "../Breadcrumbs/index.mjs";
export function PageTitle(_ref) {
  var {
    title,
    description,
    breadcrumbs = [],
    className
  } = _ref;
  return /*#__PURE__*/React.createElement("div", {
    className: twMerge('container px-6 py-12 sm:p-12 flex flex-col gap-3', className)
  }, /*#__PURE__*/React.createElement(Breadcrumbs, {
    className: "mb-8",
    items: breadcrumbs
  }), /*#__PURE__*/React.createElement("h1", {
    className: "title-medium"
  }, title), description && /*#__PURE__*/React.createElement("p", {
    className: "subtitle-medium"
  }, description));
}