<script>
//    import { Button, Tooltip } from 'flowbite-svelte';


    export let pill = false;
    export let color = 'blue';
    export let size = 'sm';   
</script>

<button size={size} class="!p-2" {pill} color={color}>
    <svg
        class="w-6 h-6"
        version="1.1"
        id="Layer_1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        viewBox="0 0 455 455"
        style="enable-background:new 0 0 455 455;"
        xml:space="preserve"
        fill="currentColor"
    >
        <g>
            <rect x="162" y="323" width="293" height="132" />
            <rect x="162" y="161" width="293" height="132" />
            <rect width="455" height="131" />
            <rect y="161" width="132" height="294" />
        </g>
    </svg>
</button>
<!-- <Tooltip id="type-auto" arrow={false} type="custom" defaultClass="" class="p-1 text-sm bg-blue-700 text-gray-100" >Score</Tooltip> -->
