import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { twMerge } from "tailwind-merge";
import { locationInfoByLocation } from "../../../constants/options.js";
export function LocationInfo(props) {
    const { location, className, ...divProps } = props;
    const locationInfo = locationInfoByLocation[location];
    return (_jsxs("div", { ...divProps, className: twMerge("my-3 flex items-center gap-2 rounded-xl border border-gray-100 p-3 text-gray-800 shadow", className), children: [locationInfo.icon, _jsxs("div", { children: [_jsx("p", { children: locationInfo.title }), _jsx("p", { className: "text-xs text-slate-200", children: locationInfo.description })] })] }));
}
//# sourceMappingURL=location-info.js.map