Tooltip

"use client";

import React from "react";
import { Tooltip } from "@/ui/components/Tooltip";
import * as SubframeCore from "@subframe/core";

function TooltipExample() {
  return (
    <SubframeCore.Tooltip.Provider>
      <SubframeCore.Tooltip.Root>
        <SubframeCore.Tooltip.Trigger asChild={true}>
          <span className="text-body font-body text-default-font">
            Tooltip Trigger
          </span>
        </SubframeCore.Tooltip.Trigger>
        <SubframeCore.Tooltip.Portal>
          <SubframeCore.Tooltip.Content
            side="bottom"
            align="center"
            sideOffset={4}
            asChild={true}
          >
            <Tooltip>Tooltip</Tooltip>
          </SubframeCore.Tooltip.Content>
        </SubframeCore.Tooltip.Portal>
      </SubframeCore.Tooltip.Root>
    </SubframeCore.Tooltip.Provider>
  );
}

export default TooltipExample;