RuleCard

import { RuleCard } from "@aurelienbbn/gadget-ui/components";

<RuleCard
  name="no-unused-vars"
  description="Disallow unused variables"
  severity="error"
  scope="model-action"
  href="/rules/best-practices/no-unused-vars"
/>

<RuleCard
  name="no-async-without-await"
  description="Disallow async functions that do not use await"
  severity="error"
  scope="action"
  fixable
  href="/rules/async/no-async-without-await"
/>

<RuleCard
  name="no-console"
  description="Disallow console statements in production code"
  severity="warn"
  scope="cross-cutting"
  href="/rules/best-practices/no-console"
/>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
  <RuleCard
    name="no-direct-prisma-import"
    description="Prevent direct Prisma client imports"
    severity="error"
    scope="model-action"
    href="/rules/model/no-direct-prisma-import"
  />
  <RuleCard
    name="use-gadget-logger"
    description="Require using Gadget logger instead of console"
    severity="warn"
    scope="cross-cutting"
    href="/rules/logging/use-gadget-logger"
  />
</div>

import { type RuleScope } from "@aurelienbbn/gadget-ui/components";

const scope: RuleScope = "model-action";