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

UI components for Prezly themes

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CategoryBlock = CategoryBlock;
var _react = _interopRequireDefault(require("react"));
var _outline = require("@heroicons/react/24/outline");
var _tailwindMerge = require("tailwind-merge");
var _index = require("../Link/index.cjs");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function CategoryBlock(_ref) {
  var _intl$categoryView;
  var {
    className,
    category,
    intl = {}
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _tailwindMerge.twMerge)('flex flex-col p-6 w-full md:w-64 rounded border border-gray-200', className)
  }, /*#__PURE__*/_react.default.createElement("h3", {
    className: "subtitle-small"
  }, category.name), category.description && /*#__PURE__*/_react.default.createElement("p", {
    className: "mt-1 text-small"
  }, category.description), /*#__PURE__*/_react.default.createElement(_index.Link, {
    className: "label-large text-accent mt-5",
    href: category.href,
    icon: _outline.ArrowRightIcon,
    iconPlacement: "right"
  }, (_intl$categoryView = intl['category.view']) !== null && _intl$categoryView !== void 0 ? _intl$categoryView : 'View'));
}