mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-03-10 06:00:19 +00:00
21 lines
711 B
TypeScript
21 lines
711 B
TypeScript
|
import * as Popover from '@radix-ui/react-popover';
|
||
|
|
import type { PropsWithChildren, ReactNode } from 'react';
|
||
|
|
|
||
|
|
export default ({ children, trigger }: PropsWithChildren<{ trigger: ReactNode }>) => (
|
||
|
|
<Popover.Root>
|
||
|
|
<Popover.Trigger asChild>{trigger}</Popover.Trigger>
|
||
|
|
<Popover.Anchor />
|
||
|
|
<Popover.Portal>
|
||
|
|
<Popover.Content
|
||
|
|
sideOffset={10}
|
||
|
|
side="top"
|
||
|
|
align="center"
|
||
|
|
className="bg-bolt-elements-background-depth-2 text-bolt-elements-item-contentAccent p-2 rounded-md shadow-xl z-workbench"
|
||
|
|
>
|
||
|
|
{children}
|
||
|
|
<Popover.Arrow className="bg-bolt-elements-item-background-depth-2" />
|
||
|
|
</Popover.Content>
|
||
|
|
</Popover.Portal>
|
||
|
|
</Popover.Root>
|
||
|
|
);
|