import { jsxs as o, jsx as t } from "react/jsx-runtime";
import { useState as s } from "react";
import { q as i, f as l, r as m } from "./index-ZQlxzdt5.js";
function h() {
  const { t: a } = i(), n = "metric", [e, r] = s("");
  return /* @__PURE__ */ o("div", { className: "space-y-4 text-sm", children: [
    /* @__PURE__ */ t(
      l,
      {
        placeholder: "San Francisco",
        value: e,
        name: "Enter City",
        onChange: async (c) => {
          r(c.target.value);
        }
      }
    ),
    /* @__PURE__ */ t(
      m,
      {
        href: `webcal://weather-in-calendar.com/cal/weather-cal.php?city=${e}&units=${n}&temperature=day`,
        children: a("add_to_calendar")
      }
    )
  ] });
}
export {
  h as default
};
