%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/
Upload File :
Create Path :
Current File : //var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/radio.js

import { useState } from '@wordpress/element';
import { LabelControl } from './label';

export const RadioControl = (props) =>{
	
	const { prop, label, value, setAttributes	} = props;
	const { name } = prop['c']; 
	
	// Radio Click handler
	const handleRadioClick = (newValue) => {
		setAttributes({ [name]: newValue });
	};
	
	return (
		<div className="components-base-control pagelayer-base-control">
			<LabelControl {...props}/>
			<div className="pagelayer-elp-radio-div">
				{Object.keys(prop.list).map((item) => (
					<a
					className={`pagelayer-elp-radio ${value === item ? 'pagelayer-elp-radio-active' : ''}`}
					onClick={() => handleRadioClick(item)}
					>
					{prop.list[item]}
					</a>
				) ) }
			</div>
		</div>
	);	
}

Zerion Mini Shell 1.0