export const Note = ({text}) => (
    <div class="w-full max-w-80 h-full mt-1 bg-gray-250 py-2 px-3 rounded-3 flex flex-row items-center space-x-1 text-gray-550">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="min-w-[18px] max-w-[18px] text-current">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"></path>
        </svg>
        <p class="text-smaller-1 leading-[15px]">{text}</p>
    </div>
)