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

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