1export const ExampleComponent = ({ children }) => {
2  return (
3    <div className="flex items-center h-full w-full">
4      <div className="bg-gray-800 rounded-md p-6 m-4">
5        {children}
6      </div>
7    </div>
8  );
9};
10
11<ExampleComponent>
12  Here’s a very simple example component rather than an empty state. This should help you figure out what's happening quicker and see what's possible with custom components!
13</ExampleComponent>