use crate::catalog_types::{ComponentApi, PropDef, PropType};
pub const CARD_API: ComponentApi = ComponentApi {
id: "card",
description: "Card component",
props: &[
PropDef { name: "children", kind: PropType::Children, required: true, default: None, description: "Child elements" },
PropDef { name: "variant", kind: PropType::String, required: false, default: Some(""), description: "Visual variant of the component" },
PropDef { name: "class", kind: PropType::String, required: false, default: Some(""), description: "Additional CSS class names" },
],
};
pub const CARDHEADER_API: ComponentApi = ComponentApi {
id: "card-header",
description: "Card component",
props: &[
PropDef { name: "children", kind: PropType::Children, required: true, default: None, description: "Child elements" },
PropDef { name: "class", kind: PropType::String, required: false, default: Some(""), description: "Additional CSS class names" },
],
};
pub const CARDTITLE_API: ComponentApi = ComponentApi {
id: "card-title",
description: "Card component",
props: &[
PropDef { name: "children", kind: PropType::Children, required: true, default: None, description: "Child elements" },
PropDef { name: "class", kind: PropType::String, required: false, default: Some(""), description: "Additional CSS class names" },
],
};
pub const CARDDESCRIPTION_API: ComponentApi = ComponentApi {
id: "card-description",
description: "Card component",
props: &[
PropDef { name: "children", kind: PropType::Children, required: true, default: None, description: "Child elements" },
PropDef { name: "class", kind: PropType::String, required: false, default: Some(""), description: "Additional CSS class names" },
],
};
pub const CARDCONTENT_API: ComponentApi = ComponentApi {
id: "card-content",
description: "Card component",
props: &[
PropDef { name: "children", kind: PropType::Children, required: true, default: None, description: "Child elements" },
PropDef { name: "class", kind: PropType::String, required: false, default: Some(""), description: "Additional CSS class names" },
],
};
pub const CARDFOOTER_API: ComponentApi = ComponentApi {
id: "card-footer",
description: "Card component",
props: &[
PropDef { name: "children", kind: PropType::Children, required: true, default: None, description: "Child elements" },
PropDef { name: "class", kind: PropType::String, required: false, default: Some(""), description: "Additional CSS class names" },
],
};