Svelte selection

const defaultColumns: ColumnDef<MedicationRow>[] = [
        {
            id: 'Select',
            header: ({ table }) => {
                return flexRender(Checbox, {
                    id: 'header',
                    table,
                    checked: table.getIsAllRowsSelected(),
                    indeterminate: table.getIsSomeRowsSelected(),
                    onChange: table.getToggleAllRowsSelectedHandler()
                });
            },
            cell: ({ row }) => {
                return flexRender(Checbox, {
                    row,
                    checked: row.getIsSelected(),
                    disabled: !row.getCanSelect(),
                    indeterminate: row.getIsSomeSelected(),
                    onChange: row.getToggleSelectedHandler()
                });
            }
        }
]

const defaultColumns: ColumnDef<MedicationRow>[] = [
        {
            id: 'Select',
            header: ({ table }) => {
                return flexRender(Checbox, {
                    id: 'header',
                    table,
                    checked: table.getIsAllRowsSelected(),
                    indeterminate: table.getIsSomeRowsSelected(),
                    onChange: table.getToggleAllRowsSelectedHandler()
                });
            },
            cell: ({ row }) => {
                return flexRender(Checbox, {
                    row,
                    checked: row.getIsSelected(),
                    disabled: !row.getCanSelect(),
                    indeterminate: row.getIsSomeSelected(),
                    onChange: row.getToggleSelectedHandler()
                });
            }
        }
]

<input
    class=" left-1 top-1/2 -mt-2 h-4 w-4"
    type="checkbox"
    on:change={() => {
        if ($$restProps.id === 'header') {
            table.toggleAllRowsSelected(true);
        } else {
            row.getToggleSelectedHandler();
        }
    }}
    {...$$restProps}
/>

<input
    class=" left-1 top-1/2 -mt-2 h-4 w-4"
    type="checkbox"
    on:change={() => {
        if ($$restProps.id === 'header') {
            table.toggleAllRowsSelected(true);
        } else {
            row.getToggleSelectedHandler();
        }
    }}
    {...$$restProps}
/>