import React from 'react' ; import { UrlDrilldownConfig } from '../../../types' ; import { UrlDrilldownCollectConfig } from '../url_drilldown_collect_config' ; export const Demo = ( ) => { const [ config , onConfig ] = React . useState < UrlDrilldownConfig > ( { openInNewTab : false , url : { template : '' } , } ) ; return ( < > < UrlDrilldownCollectConfig config = { config } onConfig = { onConfig } exampleUrl = "https://www.example.com" variables = { [ { label : 'event.key' , } , { label : 'event.value' , } , ] } / > { JSON . stringify ( config ) } < />); } ;