Function PreviewChartKitProvider

App.tsx:281–307

({
  chartPreset,
  children,
  renderer,
  themeMode,
}: {
  chartPreset: ShowcasePresetId;
  children: React.ReactNode;
  renderer?: React.ComponentProps<typeof PublicChartKitProvider>["renderer"];
  themeMode: ShowcaseThemeMode;
})

};

const PreviewChartKitProvider = ({
  chartPreset,
  children,
  renderer,
  themeMode,
}: {
  chartPreset: ShowcasePresetId;
  children: React.ReactNode;
  renderer?: React.ComponentProps<typeof PublicChartKitProvider>["renderer"];
  themeMode: ShowcaseThemeMode;
}) => (
  <PublicChartKitProvider
    mode={themeMode}
    preset={chartPreset}
    presets={showcaseCustomPresets}
    renderer={renderer}
  >
    <ProChartKitProvider
      mode={themeMode}
      preset={chartPreset}
      presets={showcaseCustomPresets}
      renderer={renderer}
    >
      {children}
    </ProChartKitProvider>
  </PublicChartKitProvider>
);

export default function App() {
  const { width } = useWindowDimensions();