<script lang="ts">
    import {
        FileOutline,
        FolderArrowRightOutline,
        FolderOutline,
        CodeOutline,
    } from "flowbite-svelte-icons";

    let { ptype }: { ptype: string } = $props();
</script>

{#if ptype === "Dictionary"}
    <FolderOutline class="stroke-blue-300 text-blue-300 primitive-icon" />
{:else if ptype === "Array"}
    <FolderOutline class=" text-orange-300 primitive-icon " />
{:else if ptype === "Reference"}
    <FolderArrowRightOutline class=" text-purple-300 primitive-icon" />
{:else if ptype === "Integer"}
    <FileOutline class="text-pink-300 primitive-icon" />
{:else if ptype === "Number"}
    <FileOutline class="text-lime-300 primitive-icon" />
{:else if ptype === "Boolean"}
    <FileOutline class="text-fuchsia-300 primitive-icon" />
{:else if ptype === "String"}
    <FileOutline class="text-green-300 primitive-icon" />
{:else if ptype === "Name"}
    <FileOutline class="text-red-400 primitive-icon" />
{:else if ptype === "Stream Data"}
    <CodeOutline class="text-purple-400 primitive_icon" />
{:else}
    <FileOutline />
{/if}

<style lang="postcss">
</style>
