Untitled

const [isSideSelectSettingOpen, setIsSideSelectSettingOpen] = useState(false);

<div className={` ${isSideSelectSettingOpen ? 'openSelectSetting' : 'closeSelectSetting'}`}>
    <div  className={`select-header ${isSideSelectSettingOpen ? 'openSelectSetting' : 'closeSelectSetting'}`}><button className='flex items-center' onClick={()=>{setIsSideSelectSettingOpen(!isSideSelectSettingOpen)}}><IoSettingsOutline className='mr-2' /><span className='displayTextNone'>Setting</span></button></div>
    <div className="options">
    <div className="option" data-value="general"><Link to='' className='sideBar-button general '><IoIosArrowForward className='mr-2' /><span className='displayTextNone'>General</span></Link></div>
    <div className="option" data-value="general"><Link to='' className='sideBar-button workflow '><IoIosArrowForward className='mr-2' /><span className='displayTextNone'>Workflow</span></Link></div>
    </div>
</div>