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

UI components for Prezly themes

import React from "react";
import { ArrowRightIcon } from '@heroicons/react/24/outline';
import { twMerge } from 'tailwind-merge';
import { Link } from "../Link/index.mjs";
export function CategoryBlock(_ref) {
  var _intl$categoryView;
  var {
    className,
    category,
    intl = {}
  } = _ref;
  return /*#__PURE__*/React.createElement("div", {
    className: twMerge('flex flex-col p-6 w-full md:w-64 rounded border border-gray-200', className)
  }, /*#__PURE__*/React.createElement("h3", {
    className: "subtitle-small"
  }, category.name), category.description && /*#__PURE__*/React.createElement("p", {
    className: "mt-1 text-small"
  }, category.description), /*#__PURE__*/React.createElement(Link, {
    className: "label-large text-accent mt-5",
    href: category.href,
    icon: ArrowRightIcon,
    iconPlacement: "right"
  }, (_intl$categoryView = intl['category.view']) !== null && _intl$categoryView !== void 0 ? _intl$categoryView : 'View'));
}