Switch (Shadcn) state handling

[flashedk]

I want to set a switch based of a DB-value (like has agreed to T&C) and am using shadcn.
I can set the switch to checked but not the thumbs component of it, because Switch.Thumbs is referred to in the bits-ui docs, but in the shadcn docs, there is word of it.
let ruleSwitch = rules_accepted ? 'checked' : 'unchecked';

<Switch
   name="accepted_rules"
   data-state={ruleSwitch}
   includeInput
   inputAttrs={{ name: 'accepted_rules' }}
   bind:checked={$accept_rulesForm.accepted_rules}
/>

The problem after that is, that my code disables the client side behaviour of the Switch. So its usually either checked or unchecked.