import { jsx, jsxs } from "react/jsx-runtime";
import { registerRenderer } from "@wabbit/tome-blocks-core/render";
import { resolveRichText, resolveMedia } from "@wabbit/tome-blocks-core/adapters";
import styles from "./SkillShowcase.module.css";
const SkillShowcase = ({ block, className }) => {
  return /* @__PURE__ */ jsx(
    "section",
    {
      className: [styles.skillShowcase, className].filter(Boolean).join(" "),
      children: /* @__PURE__ */ jsxs("div", { className: styles.inner, children: [
        /* @__PURE__ */ jsxs("div", { className: styles.mediaColumn, children: [
          block.profileImage && resolveMedia(block.profileImage, { className: styles.profileImage }),
          block.accentImage && resolveMedia(block.accentImage, { className: styles.accentImage })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: styles.contentColumn, children: [