DS Boyce
63 lines
1.2 KiB
TypeScript
63 lines
1.2 KiB
TypeScript
import {type StyleProp, type ViewStyle} from 'react-native'
|
|
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import * as Menu from '#/components/Menu'
|
|
import {Text} from '#/components/Typography'
|
|
import {type AuxiliaryViewProps} from './types'
|
|
|
|
export {
|
|
ContainerItem,
|
|
type MenuControlProps as ContextMenuControlProps,
|
|
Divider,
|
|
Group,
|
|
Item,
|
|
ItemIcon,
|
|
ItemRadio,
|
|
ItemText,
|
|
LabelText,
|
|
Root,
|
|
Trigger,
|
|
useMenuContext as useContextMenuContext,
|
|
useMenuControl as useContextMenuControl,
|
|
} from '#/components/Menu'
|
|
|
|
export function Provider({children}: {children: React.ReactNode}) {
|
|
return children
|
|
}
|
|
|
|
// native only
|
|
export function AuxiliaryView({}: AuxiliaryViewProps) {
|
|
return null
|
|
}
|
|
|
|
export function Outer({
|
|
children,
|
|
label,
|
|
style,
|
|
}: {
|
|
children: React.ReactNode
|
|
label?: string
|
|
style?: StyleProp<ViewStyle>
|
|
}) {
|
|
const t = useTheme()
|
|
return (
|
|
<Menu.Outer style={style}>
|
|
{label ? (
|
|
<Text
|
|
numberOfLines={1}
|
|
style={[
|
|
a.pl_sm,
|
|
a.pt_md,
|
|
a.pr_lg,
|
|
a.pb_md,
|
|
a.text_xs,
|
|
t.atoms.text_contrast_medium,
|
|
]}>
|
|
{label}
|
|
</Text>
|
|
) : null}
|
|
{children}
|
|
</Menu.Outer>
|
|
)
|
|
}
|