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.

26 lines
927 B

3 years ago
import arrowIcon from './arrow-icon.svg';
import more from './more.svg';
import edit from './edit.svg';
3 years ago
import { useState } from 'react';
3 years ago
export function Buttons({ }) {
3 years ago
const [activeDetails, setActiveDetails] = useState(null);
3 years ago
return (
3 years ago
<div className="flex flex-row items-center justify-end">
3 years ago
<button
className="flex flex-row items-center justify-around p-2 rounded border border-gray-300 mx-1"
onClick={ () => setActiveDetails(!activeDetails) }>
3 years ago
جزیات
3 years ago
<img src={arrowIcon} alt="" className={`w-3 cursor-pointer mr-2 ${activeDetails ? "rotate-60" : "rotate-90"}`} />
3 years ago
</button>
3 years ago
<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" />
3 years ago
</div>
);
}