#[cfg(test)]
mod tdd_red_tests {
    use crate::default::{
        CARD_CLASS, CARD_HEADER_CLASS, CARD_TITLE_CLASS, CARD_DESCRIPTION_CLASS,
        CARD_CONTENT_CLASS, CARD_FOOTER_CLASS
    };
    use leptos::prelude::*;
    use leptos_style::Style;

    // ===== TDD RED TESTS =====
    // These tests focus on initial failing tests for TDD implementation

    #[test]
    fn test_card_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card component can be created
        let card_class = CARD_CLASS;
        assert!(!card_class.is_empty());
        
        // Test that card class contains required elements
        assert!(card_class.contains("rounded-lg"));
        assert!(card_class.contains("border"));
        assert!(card_class.contains("bg-card"));
        assert!(card_class.contains("text-card-foreground"));
        assert!(card_class.contains("shadow-sm"));
    }

    #[test]
    fn test_card_header_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card header component can be created
        let header_class = CARD_HEADER_CLASS;
        assert!(!header_class.is_empty());
        
        // Test that header class contains required elements
        assert!(header_class.contains("flex"));
        assert!(header_class.contains("flex-col"));
        assert!(header_class.contains("space-y-1.5"));
        assert!(header_class.contains("p-6"));
    }

    #[test]
    fn test_card_title_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card title component can be created
        let title_class = CARD_TITLE_CLASS;
        assert!(!title_class.is_empty());
        
        // Test that title class contains required elements
        assert!(title_class.contains("text-2xl"));
        assert!(title_class.contains("font-semibold"));
        assert!(title_class.contains("leading-none"));
        assert!(title_class.contains("tracking-tight"));
    }

    #[test]
    fn test_card_description_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card description component can be created
        let description_class = CARD_DESCRIPTION_CLASS;
        assert!(!description_class.is_empty());
        
        // Test that description class contains required elements
        assert!(description_class.contains("text-sm"));
        assert!(description_class.contains("text-muted-foreground"));
    }

    #[test]
    fn test_card_content_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card content component can be created
        let content_class = CARD_CONTENT_CLASS;
        assert!(!content_class.is_empty());
        
        // Test that content class contains required elements
        assert!(content_class.contains("p-6"));
        assert!(content_class.contains("pt-0"));
    }

    #[test]
    fn test_card_footer_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card footer component can be created
        let footer_class = CARD_FOOTER_CLASS;
        assert!(!footer_class.is_empty());
        
        // Test that footer class contains required elements
        assert!(footer_class.contains("flex"));
        assert!(footer_class.contains("items-center"));
        assert!(footer_class.contains("p-6"));
        assert!(footer_class.contains("pt-0"));
    }

    #[test]
    fn test_card_props_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props can be handled
        let id = Some("test-card-id".to_string());
        let class = Some("test-card-class".to_string());
        let style = Some("color: red".to_string());
        
        assert_eq!(id.unwrap_or_default(), "test-card-id");
        assert_eq!(class.unwrap_or_default(), "test-card-class");
        assert_eq!(style.unwrap_or_default(), "color: red");
    }

    #[test]
    fn test_card_props_with_none_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with None values can be handled
        let id: Option<String> = None;
        let class: Option<String> = None;
        let style: Option<String> = None;
        
        assert_eq!(id.unwrap_or_default(), "");
        assert_eq!(class.unwrap_or_default(), "");
        assert_eq!(style.unwrap_or_default(), "");
    }

    #[test]
    fn test_card_props_with_empty_strings_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with empty strings can be handled
        let id = Some("".to_string());
        let class = Some("".to_string());
        let style = Some("".to_string());
        
        assert_eq!(id.unwrap_or_default(), "");
        assert_eq!(class.unwrap_or_default(), "");
        assert_eq!(style.unwrap_or_default(), "");
    }

    #[test]
    fn test_card_props_with_whitespace_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with whitespace can be handled
        let id = Some("  ".to_string());
        let class = Some("  ".to_string());
        let style = Some("  ".to_string());
        
        assert_eq!(id.unwrap_or_default(), "  ");
        assert_eq!(class.unwrap_or_default(), "  ");
        assert_eq!(style.unwrap_or_default(), "  ");
    }

    #[test]
    fn test_card_props_with_special_characters_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with special characters can be handled
        let id = Some("test-id-with-special-chars!@#$%^&*()".to_string());
        let class = Some("test-class-with-special-chars!@#$%^&*()".to_string());
        let style = Some("color: red; background: blue; font-size: 16px;".to_string());
        
        assert_eq!(id.unwrap_or_default(), "test-id-with-special-chars!@#$%^&*()");
        assert_eq!(class.unwrap_or_default(), "test-class-with-special-chars!@#$%^&*()");
        assert_eq!(style.unwrap_or_default(), "color: red; background: blue; font-size: 16px;");
    }

    #[test]
    fn test_card_props_with_unicode_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with unicode characters can be handled
        let id = Some("test-id-🚀".to_string());
        let class = Some("test-class-🎉".to_string());
        let style = Some("color: red; content: '🚀';".to_string());
        
        assert_eq!(id.unwrap_or_default(), "test-id-🚀");
        assert_eq!(class.unwrap_or_default(), "test-class-🎉");
        assert_eq!(style.unwrap_or_default(), "color: red; content: '🚀';");
    }

    #[test]
    fn test_card_props_with_long_strings_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with long strings can be handled
        let long_string = "a".repeat(1000);
        let id = Some(long_string.clone());
        let class = Some(long_string.clone());
        let style = Some(long_string.clone());
        
        assert_eq!(id.unwrap_or_default(), long_string);
        assert_eq!(class.unwrap_or_default(), long_string);
        assert_eq!(style.unwrap_or_default(), long_string);
    }

    #[test]
    fn test_card_props_with_numbers_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with numbers can be handled
        let id = Some("test-id-123".to_string());
        let class = Some("test-class-456".to_string());
        let style = Some("width: 100px; height: 200px;".to_string());
        
        assert_eq!(id.unwrap_or_default(), "test-id-123");
        assert_eq!(class.unwrap_or_default(), "test-class-456");
        assert_eq!(style.unwrap_or_default(), "width: 100px; height: 200px;");
    }

    #[test]
    fn test_card_props_with_boolean_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with boolean values can be handled
        let disabled = Some(true);
        let visible = Some(false);
        
        assert_eq!(disabled.unwrap_or_default(), true);
        assert_eq!(visible.unwrap_or_default(), false);
    }

    #[test]
    fn test_card_props_with_boolean_none_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with boolean None values can be handled
        let disabled: Option<bool> = None;
        let visible: Option<bool> = None;
        
        assert_eq!(disabled.unwrap_or_default(), false);
        assert_eq!(visible.unwrap_or_default(), false);
    }

    #[test]
    fn test_card_props_with_callback_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with callback can be handled
        let callback = Some(Callback::new(|_| {}));
        
        assert!(callback.is_some());
    }

    #[test]
    fn test_card_props_with_callback_none_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with callback None can be handled
        let callback: Option<Callback<()>> = None;
        
        assert!(callback.is_none());
    }

    #[test]
    fn test_card_props_with_signal_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with signal can be handled
        let signal = Some(RwSignal::new("test-value".to_string()));
        
        assert!(signal.is_some());
        assert_eq!(signal.unwrap().get(), "test-value");
    }

    #[test]
    fn test_card_props_with_signal_none_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with signal None can be handled
        let signal: Option<RwSignal<String>> = None;
        
        assert!(signal.is_none());
    }

    #[test]
    fn test_card_props_with_style_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with style can be handled
        let style = Some(Style::new());
        
        assert!(style.is_some());
        assert_eq!(style.unwrap().to_string(), "");
    }

    #[test]
    fn test_card_props_with_style_none_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with style None can be handled
        let style: Option<Style> = None;
        
        assert!(style.is_none());
    }

    #[test]
    fn test_card_props_with_children_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with children can be handled
        let children: Option<Children> = None;
        
        assert!(children.is_none());
    }

    #[test]
    fn test_card_props_with_multiple_props_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with multiple props can be handled
        let id = Some("test-id".to_string());
        let class = Some("test-class".to_string());
        let style = Some("color: red".to_string());
        let disabled = Some(false);
        let callback = Some(Callback::new(|_| {}));
        
        assert_eq!(id.unwrap_or_default(), "test-id");
        assert_eq!(class.unwrap_or_default(), "test-class");
        assert_eq!(style.unwrap_or_default(), "color: red");
        assert_eq!(disabled.unwrap_or_default(), false);
        assert!(callback.is_some());
    }

    #[test]
    fn test_card_props_with_complex_props_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props with complex props can be handled
        let id = Some("test-id".to_string());
        let class = Some("test-class custom-class".to_string());
        let style = Some("color: red; background: blue; font-size: 16px;".to_string());
        let disabled = Some(false);
        let callback = Some(Callback::new(|_| {}));
        let signal = Some(RwSignal::new("test-value".to_string()));
        
        assert_eq!(id.unwrap_or_default(), "test-id");
        assert_eq!(class.unwrap_or_default(), "test-class custom-class");
        assert_eq!(style.unwrap_or_default(), "color: red; background: blue; font-size: 16px;");
        assert_eq!(disabled.unwrap_or_default(), false);
        assert!(callback.is_some());
        assert_eq!(signal.unwrap().get(), "test-value");
    }

    #[test]
    fn test_card_props_performance_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props performance is acceptable
        let start = std::time::Instant::now();
        
        for _ in 0..1000 {
            let _id = Some("test-id".to_string());
            let _class = Some("test-class".to_string());
            let _style = Some("color: red".to_string());
            let _disabled = Some(false);
            let _callback = Some(Callback::new(|_| {}));
        }
        
        let duration = start.elapsed();
        
        // Should complete quickly (less than 10ms for 1000 iterations)
        assert!(duration.as_millis() < 10);
    }

    #[test]
    fn test_card_props_memory_usage_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props memory usage is acceptable
        let id = Some("test-id".to_string());
        let class = Some("test-class".to_string());
        let style = Some("color: red".to_string());
        let disabled = Some(false);
        let callback = Some(Callback::new(|_| {}));
        
        let total_size = std::mem::size_of_val(&id) + 
                        std::mem::size_of_val(&class) + 
                        std::mem::size_of_val(&style) + 
                        std::mem::size_of_val(&disabled) + 
                        std::mem::size_of_val(&callback);
        
        // Should be reasonable size (less than 1KB)
        assert!(total_size < 1024);
    }

    #[test]
    fn test_card_props_edge_cases_initial_failing_test() {
        // This test should initially fail as we implement TDD
        // Test that card props edge cases are handled
        let id = Some("test-id".to_string());
        let class = Some("test-class".to_string());
        let style = Some("color: red".to_string());
        let disabled = Some(false);
        let callback = Some(Callback::new(|_| {}));
        
        // Test that props can be cloned
        let id_clone = id.clone();
        let class_clone = class.clone();
        let style_clone = style.clone();
        let disabled_clone = disabled.clone();
        let callback_clone = callback.clone();
        
        assert_eq!(id, id_clone);
        assert_eq!(class, class_clone);
        assert_eq!(style, style_clone);
        assert_eq!(disabled, disabled_clone);
        assert!(callback_clone.is_some());
    }
}
