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