Empty states

<Stack spacing="20">

    // No search results
    <Center>
        <Stack align="center" textAlign="center" spacing="4" maxW="sm">
            <Image
                boxSize="16"
                src="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/spot-magnify-close-neutral"
                alt="magnifier icon"
            />
            <Stack>
                <Heading size="md">No search results</Heading>
                <Text variant="subtle">Try a different search query.</Text>
            </Stack>
            <Button variant="link">Reset search</Button>
        </Stack>
    </Center>

    // Nothing created
    <Center>
        <Stack align="center" textAlign="center" spacing="4" maxW="sm">
            <Image
                boxSize="16"
                src="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/spot-cactus-neutral"
                alt="desert icon"
            />
            <Heading size="md">No widgets yet</Heading>
            <Button variant="solid">Create widget</Button>
        </Stack>
    </Center>

    // Error
    <Center>
        <Stack align="center" textAlign="center" spacing="4" maxW="sm">
            <Image
                boxSize="16"
                src="https://delivery-sitecore.sitecorecontenthub.cloud/api/public/content/spot-alert-circle"
                alt="alert icon"
            />
            <Stack>
                <Heading size="md">Something went wrong</Heading>
                <Text variant="subtle">Description of the error.</Text>
            </Stack>
            <Button variant="link">Try again</Button>
        </Stack>
    </Center>

</Stack>