Empty states

import { NxButton, NxEmptyView } from "@nexia/sdk/host";

export function EmptyStatesExample() {
    return (
        <div className="grid gap-5 lg:grid-cols-2">
            <NxEmptyView
                kind="permission"
                title="Permission denied"
                description="The current actor cannot open this content."
            />
            <NxEmptyView
                kind="empty"
                title="No records yet"
                description="Create the first record to start this workflow."
            >
                <NxButton size="sm">Create record</NxButton>
            </NxEmptyView>
            <NxEmptyView
                kind="noResults"
                title="No matching records"
                description="Change the filters and try again."
            />
            <NxEmptyView
                kind="notFound"
                title="Record not found"
                description="It may have moved or been removed."
            />
            <NxEmptyView
                kind="error"
                title="Could not load records"
                description="Retry after checking the connection."
            >
                <NxButton size="sm" variant="secondary">
                    Retry
                </NxButton>
            </NxEmptyView>
        </div>
    );
}123456789101112131415161718192021222324252627282930313233343536373839