import React from 'react' ; import { State } from './useDesktops' ; import { Desktops } from './Desktops' ; import { desktops } from './fixtures' ; export default { title : 'Teleport/Desktops' , } ; export const Loading = ( ) => ( < Desktops { ... props } attempt = { { status : 'processing' } } />); export const Loaded = ( ) => < Desktops { ... props } / > ; export const Empty = ( ) => < Desktops { ... props } desktops = { [ ] } / > ; export const Failed = ( ) => ( < Desktops { ... props } attempt = { { status : 'failed' , statusText : 'Server Error' } } />); const props = { desktops , attempt : { status : 'success' } , username : 'user' , clusterId : 'im-a-cluster' , getWindowsLoginOptions : ( ) => [ { login : '' , url : '' } ] , openRemoteDesktopTab : ( ) => { } , } ;