import { Story } from '@storybook/react' ; import React from 'react' ; import { HttpStart } from 'kibana/public' ; import TutorialFleetInstructions from '.' ; interface Args { hasFleetPoliciesWithApmIntegration : boolean ; } function Wrapper ( { hasFleetPoliciesWithApmIntegration } ) { const http = { get : ( ) => ( { hasData : hasFleetPoliciesWithApmIntegration } ) , } as unknown as HttpStart ; return ( < TutorialFleetInstructions http = { http } basePath = "http://localhost:5601" isDarkTheme = { false } kibanaVersion = "8.0.0" / > ) ; } export default { title : 'app/Tutorial/FleetInstructions' , component : TutorialFleetInstructions , argTypes : { hasFleetPoliciesWithApmIntegration : { control : { type : 'boolean' , options : [ true , false ] } , } , } , } ; export const Instructions = ( args ) => { return < Wrapper { ... args } / > ; } ; Instructions . args = { hasFleetPoliciesWithApmIntegration : true , } ;