import { Box } from "@mantine/core"
import type React from "react"
import { useMobile } from "@/hooks/useMobile"
export function OnDesktop(
props: Readonly<{
children: React.ReactNode
}>
) {
const mobile = useMobile()
return <Box>{!mobile && props.children}</Box>
}