<script>
    let { item, onclick } = $props();
</script>

<fieldset {onclick}>
    <legend>{item.code} | {item.name}</legend>
    {#if item.properties}
    <table>
        <tbody>
        {#each Object.entries(item.properties) as [idx,prop]}
            <tr>
                <th>{prop.name}</th>
                <td>{prop.value} {prop.unit}</td>
            </tr>
        {/each}
        </tbody>
    </table>
    {/if}
    <!--<div>{@html item.description.rendered}</div> -->
    <!-- <span>{item.unit_price/100} {item.currency} / {item.unit}</span> -->
</fieldset>
