Modal

NeoModal.show(
  ref,
  isDismissable: false,
  title: "Edit Profile",
  contentBuilder: (context) => ValueListenableBuilder<bool>(
    valueListenable: isChecked, // Using hooks
    builder: (_, value, __) => Column(
      crossAxisAlignment: .start,
      mainAxisSize: .min,
      children: [
        Text(
          "Make changes to your profile here. Click save when you're done.",
          style: theme.textStyles.body2.copyWith(
            color: theme.colors.fgSecondary,
          ),
        ),
        Gap(theme.spacings.medium),
        NeoTextField(
          controller: nameController,
          label: "Name",
        ),
        Gap(theme.spacings.medium),
        NeoTextField(
          controller: emailController,
          label: "Email",
        ),
        Gap(theme.spacings.medium),
        NeoCheckbox(
          isChecked: value,
          label: "I agree to the terms and conditions",
          onChanged: (value) {
            isChecked.value = value;
          },
        ),
      ],
    ),
  ),
  actionsBuilder: (context) => [
    NeoButton(
      variant: .tertiary,
      label: "Cancel",
      onPressed: () => NeoModal.dismissAll(ref),
    ),
    ValueListenableBuilder<bool>(
      valueListenable: isChecked, // Using hooks
      builder: (_, value, __) => NeoButton(
        variant: .primary,
        label: "Save Changes",
        isEnabled: value,
        onPressed: () {
          // Handle save
          NeoModal.dismissAll(ref);
        },
      ),
    ),
  ],
);

NeoModal.show(
  ref,
  title: "Delete Product?",
  isDismissable: false,
  contentBuilder: (context) => Text(
    "You're about to delete this product. This action cannot be reversed.",
    style: theme.textStyles.body2.copyWith(
      color: theme.colors.fgSecondary,
    ),
  ),
  actionsBuilder: (context) => [
    ValueListenableBuilder<bool>(
        valueListenable: isDeleteProductLoading, // Using hooks
        builder: (_, value, __) {
          return NeoButton(
            variant: .tertiary,
            isEnabled: !value,
            label: "Cancel",
            onPressed: () => NeoModal.dismissAll(ref),
          );
        }),
    ValueListenableBuilder<bool>(
      valueListenable: isDeleteProductLoading, // Using hooks
      builder: (_, value, __) => NeoButton(
        variant: .primary,
        label: "Delete Product",
        icon: PhosphorIconsRegular.trash,
        isDestructive: true,
        isLoading: value,
        onPressed: () async {
          isDeleteProductLoading.value = true;
          // Handle delete
          NeoModal.dismissAll(ref);
          isDeleteProductLoading.value = false;
        },
      ),
    ),
  ],
);