import { createReactComponent } from './react-component-lib' ; import { JSX } from '@synchro-charts/core' ; import { defineCustomElements , applyPolyfills } from '@synchro-charts/core/dist/loader' ; applyPolyfills ( ) . then ( ( ) => defineCustomElements ( ) ) ; export const LineChart = createReactComponent < JSX . ScLineChart , HTMLScLineChartElement > ( 'sc-line-chart' ) ; export const ScatterChart = createReactComponent < JSX . ScScatterChart , HTMLScScatterChartElement > ( 'sc-scatter-chart' ) ; export const BarChart = createReactComponent < JSX . ScBarChart , HTMLScBarChartElement > ( 'sc-bar-chart' ) ; export const KPI = createReactComponent < JSX . ScWebglContext , HTMLScWebglContextElement > ( 'sc-kpi' ) ; export const StatusGrid = createReactComponent < JSX . ScWebglContext , HTMLScWebglContextElement > ( 'sc-status-grid' ) ; export const StatusTimeline = createReactComponent < JSX . ScWebglContext , HTMLScWebglContextElement > ( 'sc-status-timeline' ) ; export const Table = createReactComponent < JSX . ScWebglContext , HTMLScWebglContextElement > ( 'sc-table' ) ; export const WebglContext = createReactComponent < JSX . ScWebglContext , HTMLScWebglContextElement > ( 'sc-webgl-context' ) ;