# post-carousel/4.0.8/src/blocks/pagination/inspect.js

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 4.0.8. 48 lines.

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.8/code/src/blocks/pagination/inspect.js
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.8/raw/src/blocks/pagination/inspect.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/pagination/inspect.js#L10-L20`.

```javascript
import { __ } from "@wordpress/i18n";
import { PanelBody } from "@wordpress/components";
import { TabControls } from "../../components";
import { PaginationGeneralTab } from "../shared/generalTab";
import { PaginationStyleTab } from "../shared/styleTab";
import { AdvancedTab, VisibilityTab } from "../shared/advancedTab";
import { useState } from "@wordpress/element";

const Inspector = ({ attributes, setAttributes }) => {
	const [openPanel, setOpenPanel] = useState("general");
	const toggleHandler = (value, panel) => {
		if (value) {
			setOpenPanel(panel);
		} else {
			setOpenPanel("");
		}
	};

	return (
		<>
			<PanelBody title={__("Pagination", "post-carousel")} initialOpen={true}>
				{/* <div className="sp-smart-post-single-inspector"> */}
				<TabControls
					attributes={attributes}
					setAttributes={setAttributes}
					GeneralTab={PaginationGeneralTab}
					StyleTab={PaginationStyleTab}
				/>
				{/* </div> */}
			</PanelBody>
			<PanelBody
				title={__("Advanced", "post-carousel")}
				opened={openPanel === "advance"}
				onToggle={(value) => toggleHandler(value, "advance")}
			>
				<TabControls
					attributes={attributes}
					setAttributes={setAttributes}
					GeneralTab={VisibilityTab}
					AdvancedTab={AdvancedTab}
				/>
			</PanelBody>
		</>
	);
};

export default Inspector;

```