<script lang="ts">
  import 'svelte-highlight/src/styles/github.css';
  import xml from 'svelte-highlight/src/languages/xml';
  import json from 'svelte-highlight/src/languages/json';
  import js from 'svelte-highlight/src/languages/javascript';
  import ts from 'svelte-highlight/src/languages/typescript';
  import py from 'svelte-highlight/src/languages/python';
  import yaml from 'svelte-highlight/src/languages/yaml';
  import 'svelte-highlight/src/styles/github.css';
  const langSupport = {xml, js, json, ts, ac: json, py, yaml, xsl: xml};
  import {Highlight} from 'svelte-highlight';

  export let code: string | null;
  export let fileType: string | null;
</script>

<Highlight language={langSupport[fileType.toLowerCase()]} {code} />