| System: Linux server378.web-hosting.com 4.18.0-553.80.1.lve.el8.x86_64 #1 SMP Wed Oct 22 19:29:36 UTC 2025 x86_64 Current Path : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/components/ |
| 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>
);
}