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>
 );
 }