import { panelDict } from "@/features/panel/dict";

export function DashboardNotificationsButton() {
  return (
    <button
      type="button"
      aria-label={panelDict.notifications}
      className="inline-flex size-10 shrink-0 items-center justify-center rounded-2xl bg-card text-muted-foreground shadow-soft-sm transition-colors hover:bg-accent hover:text-accent-foreground"
    >
      <svg
        aria-hidden="true"
        className="size-5"
        fill="none"
        viewBox="0 0 24 24"
        stroke="currentColor"
        strokeWidth={1.75}
      >
        <path d="M15 17h5l-1.4-1.4A2 2 0 0 1 18 14.2V11a6 6 0 1 0-12 0v3.2c0 .5-.2 1-.6 1.4L4 17h5" />
        <path d="M10 20a2 2 0 0 0 4 0" />
      </svg>
    </button>
  );
}