import { jsx as _jsx } from "react/jsx-runtime";
import { DeviceConsumer } from "../contexts/device";
const ScreenView = (props) => (_jsx(DeviceConsumer, { children: ({ screen }) => (props.condition(screen) ? props.children : undefined) }));
const Large = (props) => (_jsx(ScreenView, { condition: (screen) => screen === "large", children: props.children }));
const NotLarge = (props) => (_jsx(ScreenView, { condition: (screen) => screen !== "large", children: props.children }));
const Medium = (props) => (_jsx(ScreenView, { condition: (screen) => screen === "medium", children: props.children }));
const Small = (props) => (_jsx(ScreenView, { condition: (screen) => screen === "small", children: props.children }));
/**
 * @deprecated it's incompatible with Next.JS
 */
const exported = Object.assign(ScreenView, { Large, NotLarge, Medium, Small });
export default exported;
//# sourceMappingURL=screen-view.js.map