You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
927 B
25 lines
927 B
import arrowIcon from './arrow-icon.svg'; |
|
import more from './more.svg'; |
|
import edit from './edit.svg'; |
|
|
|
import { useState } from 'react'; |
|
|
|
|
|
|
|
export function Buttons({ }) { |
|
const [activeDetails, setActiveDetails] = useState(null); |
|
return ( |
|
<div className="flex flex-row items-center justify-end"> |
|
<button |
|
className="flex flex-row items-center justify-around p-2 rounded border border-gray-300 mx-1" |
|
onClick={ () => setActiveDetails(!activeDetails) }> |
|
جزیات |
|
<img src={arrowIcon} alt="" className={`w-3 cursor-pointer mr-2 ${activeDetails ? "rotate-60" : "rotate-90"}`} /> |
|
</button> |
|
<div className="p-2 rounded border border-gray-300 cursor-pointer mx-1"> |
|
<img src={edit} alt="" className="w-4" /> |
|
</div> |
|
<img src={more} alt="" className="w-5 cursor-pointer rotate-90 mx-1" /> |
|
</div> |
|
); |
|
}
|
|
|