soames-gatsby-theme
Version:
A customizable Gatsby theme for personal websites using WordPress as a headless CMS.
10 lines (9 loc) • 1.58 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const SoamesFeature = ({ content, attributes }) => {
const { image, title, css } = attributes;
const paragraphs = content.split('__SOAMES_P__');
return ((0, jsx_runtime_1.jsx)("section", { className: "soames-features", children: (0, jsx_runtime_1.jsx)("div", { className: "container", children: (0, jsx_runtime_1.jsx)("div", { className: "col-md-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "media-container-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "align-left aside-content", children: [title && ((0, jsx_runtime_1.jsx)("h2", { className: "mbr-title pt-2 mbr-fonts-style display-2", children: (0, jsx_runtime_1.jsx)("div", { children: title }) })), (0, jsx_runtime_1.jsx)("div", { className: "block-content", children: (0, jsx_runtime_1.jsxs)("div", { className: `card ${css ?? ""}`, children: [(0, jsx_runtime_1.jsx)("div", { className: "media", children: (0, jsx_runtime_1.jsx)("div", { className: "media-body" }) }), (0, jsx_runtime_1.jsx)("div", { className: "card-box", children: paragraphs.map((paragraph, key) => ((0, jsx_runtime_1.jsx)("p", { className: "block-text mbr-fonts-style display-7", children: paragraph }, key))) })] }) })] }), image && ((0, jsx_runtime_1.jsx)("div", { className: "soames-figure", style: { width: "50%" }, children: (0, jsx_runtime_1.jsx)("img", { src: image, alt: title ?? "Feature", title: title ?? "Feature" }) }))] }) }) }) }));
};
exports.default = SoamesFeature;