19 lines
587 B
JavaScript

'use client'
import { useState } from "react"
export default function Qselect({title, option}){
const [selectAct, setSelectAct] = useState(false);
return(
<div className={`sort-select ${selectAct ? 'active' : ''}`} onClick={() => setSelectAct(!selectAct)}>
<p>{title}</p>
<ul className="select-item-wrap">
{option.map((el, idx) => (
<li key={idx} className="select-item">
<button>{el.name}</button>
</li>
))}
</ul>
</div>
)
}