{
    "description": {
        "author": "Salesforce",
        "text": [
            "A component that serves as a container with slots for custom content insertion, including header, main content, and footer areas.",
            "Selector: src-base-popover-container"
        ]
    },
    "elements": [
        {
            "name": "headerStartContent",
            "selector": {
                "css": ":scope > *:first-child"
            },
            "type": "container",
            "description": "Represents the content of the named slot for the beginning part of the header",
            "public": true
        },
        {
            "name": "headerContent",
            "selector": {
                "css": ":scope > *:first-child"
            },
            "type": "container",
            "description": "Represents the content of the named slot for the main part of the header",
            "public": true
        },
        {
            "name": "headerEndContent",
            "selector": {
                "css": ":scope > *:first-child"
            },
            "type": "container",
            "description": "Represents the content of the named slot for the end part of the header",
            "public": true
        },
        {
            "name": "mainContent",
            "selector": {
                "css": ":scope > *:first-child"
            },
            "type": "container",
            "description": "Represents the default content slot for the main body of the component",
            "public": true
        },
        {
            "name": "footerContent",
            "selector": {
                "css": ":scope > *:first-child"
            },
            "type": "container",
            "description": "Represents the content of the named slot for the footer area",
            "public": true
        }
    ]
}