@wordpress/interface/src/components/complementary-area-header/index.js

Interface module for WordPress. The package contains shared functionality across the modern JavaScript-based WordPress screens.

/**
 * External dependencies
 */
import clsx from 'clsx';

/**
 * WordPress dependencies
 */
import { closeSmall } from '@wordpress/icons';

/**
 * Internal dependencies
 */
import ComplementaryAreaToggle from '../complementary-area-toggle';

const ComplementaryAreaHeader = ( {
	children,
	className,
	toggleButtonProps,
} ) => {
	const toggleButton = (
		<ComplementaryAreaToggle icon={ closeSmall } { ...toggleButtonProps } />
	);
	return (
		<div
			className={ clsx(
				'components-panel__header',
				'interface-complementary-area-header',
				className
			) }
			tabIndex={ -1 }
		>
			{ children }
			{ toggleButton }
		</div>
	);
};

export default ComplementaryAreaHeader;