import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Toggle } from "../../toggle/toggle.js";
export const AvailableOfflineToggle = forwardRef(function AvailableOfflineToggle(props, ref) {
    return (_jsxs("div", { className: "flex items-center rounded-md border border-gray-200 bg-gray-50 p-3 text-gray-900", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "font-medium text-gray-900", htmlFor: "availableOffline", children: "Make available offline" }), _jsxs("p", { className: "text-xs text-gray-600", children: ["Check this options if you keep a local backup", _jsx("br", {}), "available at all times."] })] }), _jsx(Toggle, { id: "availableOffline", ref: ref, ...props })] }));
});
//# sourceMappingURL=available-offline-toggle.js.map