# post-carousel/4.0.8/src/blocks/smart-info-box/save.js
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 4.0.8. 620 lines.
- Page: https://pluginprobe.com/plugins/post-carousel/4.0.8/code/src/blocks/smart-info-box/save.js
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.8/raw/src/blocks/smart-info-box/save.js
- Modified: 2026-09-02T10:51:28+00:00
Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/post-carousel/4.0.8/code/src/blocks/smart-info-box/save.js#L10-L20`.
```javascript
import { useBlockProps, RichText } from "@wordpress/block-editor";
const Icon = ({ iconEnable, iconSource, iconSourceCustom, iconOverlayEnable, iconHoverEffects, currentIcon }) => {
if (!iconEnable || (iconSource === "library" && !currentIcon) || (iconSource === "custom" && !iconSourceCustom)) {
return null;
}
return (
{iconSource === "library" ? (
) : (
)}
);
};
const Description = ({ descText, dropCapsEnable, descriptionEnable, desGlobalTypography }) => {
if (!descriptionEnable) {
return null;
}
return (
{ratingIcons.map((_, index) => (
))}
{ratingIcons.map((_, index) => (
))}
{ratingValueEnable &&
{scale}/5 }
);
};
const Separator = ({ separatorEnable }) => {
if (!separatorEnable) {
return null;
}
return
;
};
const CallToActionIcon = ({
buttonIconEnable,
cAIconSource,
cAIconSourceLibrary,
cAIconSourceCustom,
currentCAIcon,
}) => {
if (!buttonIconEnable) {
return null;
}
if (cAIconSource === "library" && cAIconSourceLibrary) {
return (
);
}
// Custom image icon rendering
if (cAIconSource === "custom" && cAIconSourceCustom?.url) {
return (
);
}
return null;
};
const CallToActionText = ({ caButtonText }) => {
const buttonTextWithDefault = caButtonText?.trim() || "Learn More";
return (
);
};
const Badge = ({ badgeEnable, badgeLabel, badgePosition, badgeGlobalTypography }) => {
if (!badgeEnable || !badgeLabel) {
return null;
}
return (
{badgeLabel}
);
};
const Overlay = ({ infoBoxBg, imageOverlayEnable, imageOverlayHoverEnable }) => {
const shouldShowOverlay =
(infoBoxBg.color.style === "image" || infoBoxBg.hover.style === "image") &&
(imageOverlayEnable || imageOverlayHoverEnable);
if (!shouldShowOverlay) {
return null;
}
return
;
};
const SmartInfoBoxSave = ({ attributes, clientId, name }) => {
const {
uniqueId,
infoBoxLayout,
iconEnable,
iconSource,
iconSourceLibrary,
iconHoverEffects,
iconSourceCustom,
iconOverlayEnable,
titleTag,
titleText,
subTitleTag,
subTitleText,
subTitleEnable,
separatorEnable,
titleHoverEffects,
caButtonText,
infoBoxBg,
descText,
descriptionEnable,
dropCapsEnable,
badgeEnable,
badgeLabel,
badgePosition,
ratingEnable,
ratingIconSourceLibrary,
ratingIconSource,
cAIconSourceCustom,
scale,
linkingType,
titleEnable,
buttonIconEnable,
cAIconSource,
cAIconSourceLibrary,
overlayOnHover,
externalLinkIcon,
callActionEnable,
ratingValueEnable,
imageOverlayEnable,
imageOverlayHoverEnable,
advancedAdditionalClass,
iconName,
buttonLink,
openNewTab,
additionalCssClass,
titleGlobalTypography,
subTitleGlobalTypography,
desGlobalTypography,
callToActionGlobalTypography,
ratingGlobalTypography,
badgeGlobalTypography,
currentIcon,
currentCAIcon,
currentRatingIconSourceLibrary,
} = attributes;
const blockProps = useBlockProps.save({
className: additionalCssClass,
});
const iconsNum = 5;
const layoutOne = () => {
return (
<>
);
};
return (
);
};
export default SmartInfoBoxSave;
```