import type { SvelteComponent } from "svelte";

// Import prop types from core widgets
import type { TextInputProps } from "../widgets/text-input";
import type { PasswordInputProps } from "../widgets/password-input";
import type { EmailInputProps } from "../widgets/email-input";
import type { PhoneInputProps } from "../widgets/phone-input";
import type { LocationInputProps } from "../widgets/location-input";
import type { DateInputProps } from "../widgets/date-input";
import type { NumberInputProps } from "../widgets/number-input";
import type { TextareaInputProps } from "../widgets/textarea-input";
import type { DropdownInputProps } from "../widgets/dropdown-input";
import type { CheckboxInputProps } from "../widgets/checkbox-input";
import type { RadioInputProps } from "../widgets/radio-input";
import type { SliderInputProps } from "../widgets/slider-input";

// Generic widget wrapper
export class Widget extends SvelteComponent<{
  widgetId: string;
  config: Record<string, unknown>;
}> {}

// Specific widget components
export class TextInput extends SvelteComponent<TextInputProps> {}
export class PasswordInput extends SvelteComponent<PasswordInputProps> {}
export class EmailInput extends SvelteComponent<EmailInputProps> {}
export class PhoneInput extends SvelteComponent<PhoneInputProps> {}
export class LocationInput extends SvelteComponent<LocationInputProps> {}
export class DateInput extends SvelteComponent<DateInputProps> {}
export class NumberInput extends SvelteComponent<NumberInputProps> {}
export class TextareaInput extends SvelteComponent<TextareaInputProps> {}
export class DropdownInput extends SvelteComponent<DropdownInputProps> {}
export class CheckboxInput extends SvelteComponent<CheckboxInputProps> {}
export class RadioInput extends SvelteComponent<RadioInputProps> {}
export class SliderInput extends SvelteComponent<SliderInputProps> {}