import React from 'react';
import NotAvailable from 'app/components/notAvailable';
import PanelTable from 'app/components/panels/panelTable';
export default {
title: 'UI/NotAvailable',
component: NotAvailable,
};
export const Default = () => (
Alone
In a Table
Panel Item with really long content
With Tooltip
);
Default.storyName = 'NotAvailable';
Default.parameters = {
docs: {
description: {
story:
"When you don't have data to display, but don't want to display an empty space. It's commonly used in a table.",
},
},
};