{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "weather",
  "type": "registry:component",
  "title": "Weather",
  "description": "Weather display component",
  "registryDependencies": [],
  "files": [
    {
      "path": "components/chatcn/tool-call/weather.tsx",
      "content": "import React from \"react\";\nimport { Location01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\ninterface WeatherCardProps {\n  currentTemp: number;\n  condition: string;\n  location: string;\n  weeklyForecast: {\n    day: string;\n    tempHigh: number;\n    tempLow: number;\n    icon: string;\n  }[];\n  humidity: number;\n  windSpeed: number;\n  feelsLike: number;\n}\n// need to fix this\nconst WeatherCard: React.FC<WeatherCardProps> = ({\n  currentTemp,\n  condition,\n  location,\n  weeklyForecast,\n  humidity,\n  windSpeed,\n  feelsLike,\n}) => {\n  return (\n    <div className=\"w-full max-w-md\">\n      <div className=\"rounded-lg border bg-card text-card-foreground shadow-xs\">\n        <div className=\"h-32 bg-gradient-to-t relative border-b pb-4\">\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div className=\"rounded-full p-3 text-4xl font-bold\">\n              {currentTemp}°C\n            </div>\n          </div>\n          <div className=\"absolute top-2 left-4 text-md font-medium text-foreground flex items-center gap-1\">\n            <HugeiconsIcon icon={Location01Icon} size={18} />\n            {location}\n          </div>\n          <div className=\"absolute bottom-2 right-4 text-lg font-medium text-foreground\">\n            {condition}\n          </div>\n        </div>\n        <div className=\"p-4 grid grid-cols-7 gap-2\">\n          {weeklyForecast.map((day, index) => (\n            <div key={index} className=\"text-center\">\n              <p className=\"text-sm text-muted-foreground\">{day.day}</p>\n              <div className=\"text-2xl\">{day.icon}</div>\n              <p className=\"text-xs text-muted-foreground\">\n                {day.tempHigh}°/{day.tempLow}°\n              </p>\n            </div>\n          ))}\n        </div>\n        <div className=\"p-4 grid grid-cols-3 gap-4\">\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground flex items-center justify-center\">\n              💧 Humidity\n            </p>\n            <p className=\"text-lg font-medium\">{humidity}%</p>\n          </div>\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground flex items-center justify-center\">\n              💨 Wind\n            </p>\n            <p className=\"text-lg font-medium\">{windSpeed} km/h</p>\n          </div>\n          <div className=\"text-center\">\n            <p className=\"text-sm text-muted-foreground flex items-center justify-center\">\n              🌡️ Feels Like\n            </p>\n            <p className=\"text-lg font-medium\">{feelsLike}°C</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default WeatherCard;\n",
      "type": "registry:component"
    }
  ]
}