import React from "react";
import Link from "../link";
import Text from "../text";
import Tooltip from "./";
const BodyStyle = { marginTop: 100, marginLeft: 200, position: "absolute" };
const Template = (args) => {
return (
Bob Johnston
(
{dataTip}
BobJohnston@gmail.com
Developer
)}
/>
);
};
export const basic = Template.bind({});
basic.args = {
effect: "float",
place: "top",
offsetTop: 0,
offsetRight: 0,
offsetBottom: 0,
offsetLeft: 0,
};
const BodyStyle_2 = { marginTop: -22, marginLeft: 50, position: "absolute" };
const BodyStyle_3 = { marginTop: 70, marginLeft: 250 };
const arrayUsers = [
{
key: "user_1",
name: "Bob",
email: "Bob@gmail.com",
position: "developer",
},
{
key: "user_2",
name: "John",
email: "John@gmail.com",
position: "developer",
},
{
key: "user_3",
name: "Kevin",
email: "Kevin@gmail.com",
position: "developer",
},
{
key: "user_4",
name: "Alex",
email: "Alex@gmail.com",
position: "developer",
},
{
key: "user_5",
name: "Tomas",
email: "Tomas@gmail.com",
position: "developer",
},
];
const AllTemplate = (args) => {
return (
Hover on me
Bob Johnston
Bob Johnston
BobJohnston@gmail.com
Developer
Hover group
Bob
John
Kevin
Alex
Tomas
dataTip ? (
{arrayUsers[dataTip].name}
{arrayUsers[dataTip].email}
{arrayUsers[dataTip].position}
) : null
}
/>
);
};
export const all = AllTemplate.bind({});