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

UI components for Prezly themes

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PageTitle = PageTitle;
var _react = _interopRequireDefault(require("react"));
var _tailwindMerge = require("tailwind-merge");
var _index = require("../Breadcrumbs/index.cjs");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function PageTitle(_ref) {
  var {
    title,
    description,
    breadcrumbs = [],
    className
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _tailwindMerge.twMerge)('container px-6 py-12 sm:p-12 flex flex-col gap-3', className)
  }, /*#__PURE__*/_react.default.createElement(_index.Breadcrumbs, {
    className: "mb-8",
    items: breadcrumbs
  }), /*#__PURE__*/_react.default.createElement("h1", {
    className: "title-medium"
  }, title), description && /*#__PURE__*/_react.default.createElement("p", {
    className: "subtitle-medium"
  }, description));
}