I kept the same logic that exists in the introduction documentation for the component, but I can change it. Let me know what will work better for it!