import React from 'react';

export const Tooltip = ({ children }: { children?: React.ReactNode }) => <>{children}</>;
export const TooltipTrigger = (props: React.HTMLAttributes<HTMLElement>) => <span {...props} />;
export const TooltipContent = (props: React.HTMLAttributes<HTMLDivElement>) => <div role='tooltip' className='rounded bg-foreground px-2 py-1 text-xs text-background' {...props} />;