return (
    <div className="space-y-2">
      <form id="delivery-price-form" onSubmit={form.handleSubmit(onSubmit)}>
        <FieldGroup className="gap-4 grow">
          <div className="border w-100">test</div>
          {/* <CategoryController
            level={0}
            control={form.control}
            categories={categories}
          /> */}
        </FieldGroup>
      </form>
      <div className="flex items-center gap-2 w-full justify-between">
        <Button variant="outline" onClick={handleReset} disabled={isLoading}>
          <RotateCcwIcon />
          Poništi
        </Button>
        <Button type="submit" form="delivery-price-form" disabled={isLoading}>
          {!isLoading ? <SaveIcon /> : <LoaderIcon className="animate-spin" />}
          {!isLoading ? "Spremi" : "Spremam..."}
        </Button>
      </div>
    </div>
  );