import { Box } from "@mantine/core"
import type React from "react"
import { useMobile } from "@/hooks/useMobile"

export function OnMobile(props: { children: React.ReactNode }) {
    const mobile = useMobile()
    return <Box>{mobile && props.children}</Box>
}