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.", }, }, };