import { CogIcon } from "@heroicons/react/24/outline";
import { FC, ReactNode } from "react";

export const NoteBox: FC<{ children: ReactNode }> = ({ children }) =>

<div className="group border border-gray-800 rounded-lg p-2 mb-1 max-w-md">
  <div className="mt-2 italic text-sm"><CogIcon className="w-6 h-6 inline mt-[-.3em] text-blue-400" /> {children}</div>
</div>