import BackgroundPanel from './panels/BackgroundPanel';
import BorderPanel from './panels/BorderPanel';
import BoxShadowPanel from './panels/BoxShadowPanel';
import RadiusPanel from './panels/RadiusPanel';

export default function ContainerStyleTab( { attributes, setAttributes, isHovered, handleHoverClick } ) {
	return (
		<>
			{/* Background style panel */}
			<BackgroundPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* BorderPanel style panel */}
			<BorderPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* BoxShadowPanel style panel */}
			<BoxShadowPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* RadiusPanel style panel */}
			<RadiusPanel attributes = { attributes } setAttributes = { setAttributes } />
		</>
	);
}
