import { forwardRef } from 'react'
import clsx from 'clsx'
function Logo(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
)
}
function MenuIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
)
}
function UserIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
)
}
export function AppScreen({
children,
className,
...props
}: React.ComponentPropsWithoutRef<'div'>) {
return (
)
}
AppScreen.Header = forwardRef<
React.ElementRef<'div'>,
{ children: React.ReactNode }
>(function AppScreenHeader({ children }, ref) {
return (
{children}
)
})
AppScreen.Title = forwardRef<
React.ElementRef<'div'>,
{ children: React.ReactNode }
>(function AppScreenTitle({ children }, ref) {
return (
{children}
)
})
AppScreen.Subtitle = forwardRef<
React.ElementRef<'div'>,
{ children: React.ReactNode }
>(function AppScreenSubtitle({ children }, ref) {
return (
{children}
)
})
AppScreen.Body = forwardRef<
React.ElementRef<'div'>,
{ className?: string; children: React.ReactNode }
>(function AppScreenBody({ children, className }, ref) {
return (
{children}
)
})