// /**
//  * External dependencies.
//  */
// import { memo } from '@wordpress/element';
// import { __ } from '@wordpress/i18n';

// /**
//  * Internal dependencies.
//  */
// import InspectorColor from '@spectra-components/inspector-color';


// // /**
// //  * Element Sub-settings: Color settings that integrate with parent form context.
// //  * 
// //  * @param {Object} props The element props.
// //  * @since 2.0.0
// //  * @return {Element} The rendered color settings.
// //  */
// // const ColorSettings = memo( ( props ) => {
// // 	const {
// // 		clientId,
// // 		setAttributes,
// // 		attributes,
// // 		context = {}
// // 	} = props;

// // 	// Get context colors from parent login form
// // 	const {
// // 		'spectra-pro/form/successMessageBackground': parentSuccessMessageBg,
// // 		'spectra-pro/form/successMessageColor': parentSuccessMessageColor,
// // 		'spectra-pro/form/successMessageBorderColor': parentSuccessMessageBorder,
// // 		'spectra-pro/form/errorMessageBackground': parentErrorMessageBg,
// // 		'spectra-pro/form/errorMessageColor': parentErrorMessageColor,
// // 		'spectra-pro/form/errorMessageBorderColor': parentErrorMessageBorder
// // 	} = context;

// // 	const {
// // 		messageType,
// // 		successMessageBackground,
// // 		successMessageColor,
// // 		errorMessageBackground,
// // 		errorMessageColor,
// // 		errorMessageBorderColor
// // 	} = attributes;

// // 	// Show colors based on message type
// // 	const isSuccessMessage = messageType === 'success';
// // 	const isErrorMessage = messageType === 'error';

// // 	const colorSettings = [];

// // 	if ( isSuccessMessage ) {
// // 		colorSettings.push(
// // 			{
// // 				colorValue: successMessageColor || parentSuccessMessageColor,
// // 				label: __( 'Success Text', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { successMessageColor: value } ),
// // 				resetAllFilter: () => setAttributes( { successMessageColor: undefined } ),
// // 			},
// // 			{
// // 				colorValue: successMessageBackground || parentSuccessMessageBg,
// // 				label: __( 'Success Background', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { successMessageBackground: value } ),
// // 				resetAllFilter: () => setAttributes( { successMessageBackground: undefined } ),
// // 			}
// // 		);
// // 	}

// // 	if ( isErrorMessage ) {
// // 		colorSettings.push(
// // 			{
// // 				colorValue: errorMessageColor || parentErrorMessageColor,
// // 				label: __( 'Error Text', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { errorMessageColor: value } ),
// // 				resetAllFilter: () => setAttributes( { errorMessageColor: undefined } ),
// // 			},
// // 			{
// // 				colorValue: errorMessageBackground || parentErrorMessageBg,
// // 				label: __( 'Error Background', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { errorMessageBackground: value } ),
// // 				resetAllFilter: () => setAttributes( { errorMessageBackground: undefined } ),
// // 			},
// // 			{
// // 				colorValue: errorMessageBorderColor || parentErrorMessageBorder,
// // 				label: __( 'Error Border', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { errorMessageBorderColor: value } ),
// // 				resetAllFilter: () => setAttributes( { errorMessageBorderColor: undefined } ),
// // 			}
// // 		);
// // 	}

// // 	// Show generic text/background if not success/error type
// // 	if ( !isSuccessMessage && !isErrorMessage ) {
// // 		colorSettings.push(
// // 			{
// // 				colorValue: attributes.textColor,
// // 				label: __( 'Text Color', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { textColor: value } ),
// // 				resetAllFilter: () => setAttributes( { textColor: undefined } ),
// // 			},
// // 			{
// // 				colorValue: attributes.backgroundColor,
// // 				label: __( 'Background Color', 'spectra-pro' ),
// // 				onColorChange: ( value ) => setAttributes( { backgroundColor: value } ),
// // 				resetAllFilter: () => setAttributes( { backgroundColor: undefined } ),
// // 			}
// // 		);
// // 	}

// // 	return (
// // 		<InspectorColor
// // 			settings={ colorSettings }
// // 			panelId={ clientId }
// // 		/>
// // 	);
// // } );

// /**
//  * The Editor settings for this block.
//  *
//  * @param {Object} props The element props.
//  * @since 2.0.0
//  * @return {Element} The rendered settings.
//  */
// const Settings = ( props ) => {
// 	return (
// 		<>
// 			<ColorSettings { ...{ ...props } } />
// 		</>
// 	);
// };

// export default memo( Settings );