@coinmeca/ui
Version:
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
29 lines • 1.63 kB
JSX
"use client";
import { Elements, Layouts } from "../../../../components";
import { Root } from "../../../../lib/style";
import { format } from "../../../../lib/utils";
export default function Tooltip(props) {
return (<Elements.Tooltip e={props?.e} color={props?.color} vertical={props?.vertical} horizon={props?.horizon} padding={1} style={{ border: `1px solid rgb(${Root.Color(props?.color)})` }} fill>
<Layouts.Col gap={0.25}>
{props?.price && (<Layouts.Row gap={0} fix>
<Elements.Text opacity={0.6} fit>
Avg Price:
</Elements.Text>
<Elements.Text align={"right"}>{format(props?.price, "currency", true, 4)}</Elements.Text>
</Layouts.Row>)}
{props?.amount && (<Layouts.Row gap={0} fix>
<Elements.Text opacity={0.6} fit>
Sum {props?.quote}:
</Elements.Text>
<Elements.Text align={"right"}>{format(props?.amount, "currency", true, 4)}</Elements.Text>
</Layouts.Row>)}
{props?.balance && (<Layouts.Row gap={0} fix>
<Elements.Text opacity={0.6} fit>
Sum {props?.base}:
</Elements.Text>
<Elements.Text align={"right"}>{format(props?.balance, "currency", true, 4)}</Elements.Text>
</Layouts.Row>)}
</Layouts.Col>
</Elements.Tooltip>);
}
//# sourceMappingURL=Tooltip.jsx.map