Info

"use client";

import React from "react";
import {Info} from "@brynlabs/fusion-ui";

export const InfoExample = () => (
  <>
    Hover this Icon <Info>You found me!</Info>
  </>
);

"use client";

import React from "react";
import {Button, Info} from "@brynlabs/fusion-ui";

export const MoreInfoExample = () => (
  <div style={{display: "inline-flex", flexDirection: "column", gap: "0.5rem"}}>
    <Info>
      Ad Manager previews are merely examples. To ensure your ad is delivered as expected, you
      should consult the Help section and check testing formats and devices.
      <Button>Button</Button>
    </Info>

    <div style={{color: "royalblue"}}>
      <Info>Info with inherit color.</Info>
    </div>

    <Info style={{background: "brown"}}>Info with classname or style prop.</Info>
  </div>
);