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