import { Component } from '@angular/core';
import { ShCheckboxComponent } from '@radix-ng/shadcn/checkbox';
import { ShLabelDirective } from '@radix-ng/shadcn/label';

@Component({
    standalone: true,
    imports: [ShCheckboxComponent, ShLabelDirective],
    template: `
        <div class="items-top flex space-x-2">
            <sh-checkbox id="terms1" />
            <div class="grid gap-1.5 leading-none">
                <label
                    class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                    shLabel
                    htmlFor="terms1"
                >
                    Accept terms and conditions
                </label>
                <p class="text-muted-foreground mt-0 text-sm">You agree to our Terms of Service and Privacy Policy.</p>
            </div>
        </div>
    `
})
export class CheckboxExampleWithTextComponent {}
