| Server IP : 104.21.64.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/eaabusiness.com/wp-content/themes/zakra/assets/js/meta/components/ |
Upload File : |
import React, { useState } from 'react';
type ButtonGroupProps = {
options: any;
selectedValue: string;
onChange: (value: any) => void;
};
const ButtonGroup = ({
options,
selectedValue,
onChange,
}: ButtonGroupProps) => {
const [activeButton, setActiveButton] = useState(selectedValue);
const handleClick = (value: string) => {
setActiveButton(value);
onChange(value);
};
return (
<div className="btn-group">
{options?.map((option: any) => (
<button
key={option.value}
className={activeButton === option.value ? 'active' : ''}
onClick={() => handleClick(option.value)}
>
{option.label}
</button>
))}
</div>
);
};
export default ButtonGroup;