36 lines
1.2 KiB
TypeScript
36 lines
1.2 KiB
TypeScript
import { List, Pencil, Power, QrCode, ShieldCheck } from "lucide-react";
|
|
import Button from "./button";
|
|
|
|
export default function ActionButtons ()
|
|
{
|
|
return(
|
|
|
|
<div className="flex items-center justify-center gap-1.5">
|
|
<Button className="flex h-7 w-7 items-center justify-center rounded-md border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
|
|
<Pencil size={13} />
|
|
</Button>
|
|
|
|
<Button className="flex h-7 w-7 items-center justify-center rounded-md border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
|
|
<List size={13} />
|
|
</Button>
|
|
|
|
<Button className="flex h-7 w-7 items-center justify-center rounded-md border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
|
|
<ShieldCheck size={13} />
|
|
</Button>
|
|
|
|
<Button className="flex h-7 w-7 items-center justify-center rounded-md border border-slate-700/60 text-slate-400 hover:bg-slate-800 hover:text-white transition">
|
|
<QrCode size={13} />
|
|
</Button>
|
|
|
|
<Button
|
|
className='flex h-7 w-7 items-center justify-center rounded-md border border-slate-700/60 hover:bg-slate-800 transition ${
|
|
|
|
'
|
|
>
|
|
<Power size={13} />
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|