import React from 'react' ; import { action } from '@storybook/addon-actions' ; import { ExitFullScreenButton as ExitFullScreenButtonComponent } from './exit_full_screen_button.component' ; import { ExitFullScreenButton } from './exit_full_screen_button' ; import mdx from './exit_full_screen_button.mdx' ; export default { title : 'Exit Full Screen Button' , description : 'A button that floats over the plugin workspace and allows one to exit "full screen" mode.' , parameters : { docs : { page : mdx , } , } , } ; export const ConnectedComponent = ( { toggleChrome = true } ) => { return < ExitFullScreenButton onExit = { action ( 'onExit' ) } toggleChrome = { toggleChrome } / > ; } ; ConnectedComponent . argTypes = { toggleChrome : { control : 'boolean' , defaultValue : true , } , } ; export const PureComponent = ( ) => { return < ExitFullScreenButtonComponent onClick = { action ( 'onClick' ) } />; } ;