{
  "$schema": "../../../schemas/recipe.schema.json",
  "id": "select",
  "platform": "web",
  "contractVersion": "2.0.0",
  "generatedFrom": "components/select.contract.json",
  "variants": {
    "default": {
      "tailwind": "appearance-none w-full px-3 py-2 text-base border border-slate-300 rounded-lg focus:ring-2 focus:ring-primary-500/50 pr-10"
    },
    "error": {
      "tailwind": "appearance-none w-full px-3 py-2 text-base border border-red-300 rounded-lg focus:ring-2 focus:ring-red-600/50 bg-red-50 pr-10"
    },
    "disabled": {
      "tailwind": "appearance-none w-full px-3 py-2 text-base border border-slate-200 rounded-lg bg-slate-100 text-slate-400 cursor-not-allowed pr-10"
    }
  }
}
