wix-style-react/src/Table/docs/examples/17_TableEmptyStateExample.js

wix-style-react

/* eslint-disable */

() => {
  const renderTableToolbar = () => (
    <TableToolbar>
      <TableToolbar.Title>Published</TableToolbar.Title>
    </TableToolbar>
  );

  const renderEmptyState = () => (
    <Table.EmptyState
      title="No Published Posts Yet"
      subtitle="Once you publish posts, you'll see them here."
      image={<Image height={120} width={120} borderRadius="60px" />}
    >
      <TextButton prefixIcon={<Icons.Add />}>Create New Post</TextButton>
    </Table.EmptyState>
  );

  return (
    <Card>
      <Table>
        {renderTableToolbar()}
        {renderEmptyState()}
      </Table>
    </Card>
  );
};