import ButtonIconPanel from './panels/ButtonIconPanel';
import ButtonLinkPanel from './panels/ButtonLinkPanel';
import ButtonColorPanel from './panels/ButtonColorPanel';
import ButtonSpacingPanel from './panels/ButtonSpacingPanel';
import ButtonBorderShadowPanel from './panels/ButtonBorderShadowPanel';
import BlockButtonBackgroundPanel from './panels/BlockButtonBackgroundPanel';
import BlockButtonBorderShadowPanel from './panels/BlockButtonBorderShadowPanel';

export default function ButtonStyleTab( { attributes, setAttributes, isHovered, handleHoverClick } ) {
	return (
		<>
			{/* Button Icon Panel */}
			<ButtonIconPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* Button Icon Link Panel */}
			<ButtonLinkPanel attributes = { attributes } setAttributes = { setAttributes } />

			{/* Button Color Panel */}
			<ButtonColorPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* Button Spacing Panel */}
			<ButtonSpacingPanel attributes = { attributes } setAttributes = { setAttributes } />

			{/* Button Background Panel */}
			<ButtonBorderShadowPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* Block Button Background Panel */}
			<BlockButtonBackgroundPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>

			{/* Block Button Background Panel */}
			<BlockButtonBorderShadowPanel
				attributes = { attributes }
				setAttributes = { setAttributes }
				isHovered = { isHovered }
				handleHoverClick = { handleHoverClick }
			/>
		</>
	);
}
