import { ReactNode, memo } from 'react'
import { TldrawUiMenuContextProvider } from '../primitives/menus/TldrawUiMenuContext'
import { DefaultQuickActionsContent } from './DefaultQuickActionsContent'

/** @public */
export interface TLUiQuickActionsProps {
	children?: ReactNode
}

/** @public @react */
export const DefaultQuickActions = memo(function DefaultQuickActions({
	children,
}: TLUiQuickActionsProps) {
	const content = children ?? <DefaultQuickActionsContent />

	return (
		<TldrawUiMenuContextProvider type="small-icons" sourceId="quick-actions">
			{content}
		</TldrawUiMenuContextProvider>
	)
})