Jonathan Fung
2025-02-25 9a0d919a3b1730adb1f02e4a26eaad38bf71f408
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 
export default ((component?: QuartzComponent) => {
  if (component) {
    const Component = component
    const MobileOnly: QuartzComponent = (props: QuartzComponentProps) => {
      return <Component displayClass="mobile-only" {...props} />
    }
 
    MobileOnly.displayName = component.displayName
    MobileOnly.afterDOMLoaded = component?.afterDOMLoaded
    MobileOnly.beforeDOMLoaded = component?.beforeDOMLoaded
    MobileOnly.css = component?.css
    return MobileOnly
  } else {
    return () => <></>
  }
}) satisfies QuartzComponentConstructor