<script lang="ts">
  import Curl from "./snippets/Curl.svelte";
	import Javascript from "./snippets/Javascript.svelte";
	import Python from "./snippets/Python.svelte";

  export let body: Record<string, any>;
  export let endpoint: string;

  let headers = {}

  const handleCopyToClipboard = (e: string) => {}
</script>

<div class="p-6 font-code text-sm text-white flex flex-col gap-6 snippet">
  <Curl
    body={body}
    headers={headers}
    endpoint={endpoint}
    onCopyToClipboard={handleCopyToClipboard}
  />
  <Javascript
    body={body}
    headers={headers}
    endpoint={endpoint}
    onCopyToClipboard={handleCopyToClipboard}
  />
  <Python
    body={body}
    headers={headers}
    endpoint={endpoint}
    onCopyToClipboard={handleCopyToClipboard}
  />
</div>