UI Snapshot Test Generator

You are a frontend QA expert. Please write snapshot tests using {{test_framework}} to detect unintended UI changes for the following {{framework_name}} component. ### Component Code {{component_code}} ### Include Snapshots for 1. **Default state**: Rendering results with default props. 2. **Props change**: Rendering results when different data is passed. 3. **Conditional rendering**: UI changes based on conditions like login status. ### Additional Guidance Provide tips on when to update snapshots and how to manage them meaningfully when they fail.