EmptyState

import { EmptyState } from '@saas-ui/react'

<EmptyState
  colorScheme="primary"
  icon={FiUsers}
  title="No customers yet"
  description="You haven't imported any customers yet."
  actions={
    <>
      <Button label="Import customers" colorScheme="primary" />
      <Button label="Create customer" />
    </>
  }
/>

<EmptyStateContainer colorScheme="purple">
  <EmptyStateBody>
    <EmptyStateIcon as={WarningIcon} />

    <EmptyStateTitle>Whoops, something went wrong</EmptyStateTitle>
    <EmptyStateDescription>Where do you want to go?</EmptyStateDescription>
    <EmptyStateActions>
      <Button colorScheme="purple">Home</Button>
      <Button variant="ghost">Back</Button>
    </EmptyStateActions>
  </EmptyStateBody>
</EmptyStateContainer>