# post-carousel/4.0.8/src/blocks/post-slider-two/inspect.js

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

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

```javascript
import { __ } from "@wordpress/i18n";
import { PanelBody } from "@wordpress/components";
import { TabControls } from "../../components";
import { PostSliderTwoLayoutTab, PostSliderTwoSliderTab } from "./generalTab";
import SharedInspectors from "../shared/inspectors";
import { usePanelBodyContext } from "../../context";

const Inspector = ({ attributes, setAttributes }) => {
	// const { togglePanelBody, openedAccordion } = manageOpenAccordion();
	const { openPanel, togglePanelBody } = usePanelBodyContext();
	const {
		// postSliderTwoNavArrow,
		// postSliderTwoPaginationDot
	} = attributes;

	return (
		<>
			<PanelBody
				title={__("Post Slider", "post-carousel")}
				opened={openPanel === "general"}
				onToggle={() => togglePanelBody("general")}
				initialOpen={true}
			>
				{openPanel === "general" && (
					<TabControls
						attributes={attributes}
						setAttributes={setAttributes}
						GeneralTab={PostSliderTwoLayoutTab}
						SliderTab={PostSliderTwoSliderTab}
					/>
				)}
			</PanelBody>
			{/* { postSliderTwoNavArrow && (
				<PanelBody
					title={ __( 'Navigation Arrow', 'post-carousel' ) }
					opened={ openPanel === 'navigation' }
					onToggle={ () => togglePanelBody( 'navigation' ) }
				>
					{ openPanel === 'navigation' && (
						<TabControls
							attributes={ attributes }
							setAttributes={ setAttributes }
							GeneralTab={ CarouselNavArrowGeneralTab }
							StyleTab={ CarouselNavArrowStyleTab }
						/>
					) }
				</PanelBody>
			) }
			{ postSliderTwoPaginationDot && (
				<PanelBody
					title={ __( 'Pagination Dots', 'post-carousel' ) }
					opened={ openPanel === 'pagination' }
					onToggle={ () => togglePanelBody( 'pagination' ) }
				>
					{ openPanel === 'pagination' && (
						<TabControls
							attributes={ attributes }
							setAttributes={ setAttributes }
							GeneralTab={ CarouselPaginationGeneralTab }
							StyleTab={ CarouselPaginationStyleTab }
						/>
					) }
				</PanelBody>
			) } */}
			{/* <PanelBody
				title={ __( 'General', 'post-carousel' ) }
				opened={ openPanel === 'general' }
				onToggle={ () => togglePanelBody( 'general' ) }
			>
				{ openPanel === 'general' && (
					<PostSliderTwoGeneralTab
						attributes={ attributes }
						setAttributes={ setAttributes }
					/>
				) }
			</PanelBody> */}
			<SharedInspectors
				attributes={attributes}
				setAttributes={setAttributes}
				togglePanelBody={togglePanelBody}
				openedAccordion={openPanel}
			/>
		</>
	);
};

export default Inspector;

```