import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from './button.js';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip.js';
const meta = {
    title: 'Primitives/Tooltip',
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
export const Default = {
    render: () => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { defaultOpen: true, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Hover me" }) }), _jsx(TooltipContent, { sideOffset: 6, children: "Tooltip content" })] }) })),
};
export const TopSide = {
    render: () => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { defaultOpen: true, children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Top tooltip" }) }), _jsx(TooltipContent, { side: "top", sideOffset: 8, children: "Appears above the trigger" })] }) })),
};
export const WithDelay = {
    render: () => (_jsx(TooltipProvider, { delayDuration: 800, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Delayed tooltip" }) }), _jsx(TooltipContent, { sideOffset: 6, children: "Shows after an 800ms hover delay" })] }) })),
};
