import { FC, ReactNode } from "react";

export const NoteBox: FC<{ children: ReactNode, className?: string }> = ({ children, className }) =>
    <div className={`alert max-w-md flex flex-row items-start gap-[.8rem] ml-1 ${className}`}>
        <span className="w-6 h-6 text-xl">⚠️</span>
        <span className="text-left">{children}</span>
    </div>