ContentUnavailableView

ContentUnavailableView(props: {
    title?: string | Component;
    systemImage?: string;
    description?: string | Component;
    label?: Component;
}): Component;

ContentUnavailableView(props: {
    title?: string | Component;
    systemImage?: string;
    description?: string | Component;
    label?: Component;
}, children: Component[]): Component;

ContentUnavailableView({
    title: "No Results",
    systemImage: "magnifyingglass",
    description: "Try a different search term."
})

ContentUnavailableView({
    title: "No Photos",
    systemImage: "photo.on.rectangle",
    description: "Photos you take will appear here."
})

ContentUnavailableView({
    title: "No Internet Connection",
    systemImage: "wifi.slash",
    description: "Check your connection and try again."
}, [
    Button("Retry", () => refresh())
])

ContentUnavailableView({
    label: VStack([
        Image({ systemName: "folder" })
            .foregroundStyle(Color("gray"))
            .imageScale("large"),
        Text("No Documents")
            .font("title2")
    ]),
    description: "Create a new document to get started."
}, [
    Button("New Document", () => createDocument())
])