mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-14 11:15:02 -05:00
27 lines
670 B
TypeScript
27 lines
670 B
TypeScript
|
import styled from "styled-components";
|
||
|
|
import { Children } from "../../types/Preact";
|
||
|
|
import { Position, Tooltip as TooltipCore, TooltipProps } from "react-tippy";
|
||
|
|
|
||
|
|
type Props = Omit<TooltipProps, 'html'> & {
|
||
|
|
position?: Position;
|
||
|
|
children: Children;
|
||
|
|
content: Children;
|
||
|
|
}
|
||
|
|
|
||
|
|
const TooltipBase = styled.div`
|
||
|
|
padding: 8px;
|
||
|
|
font-size: 12px;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: var(--foreground);
|
||
|
|
background: var(--secondary-background);
|
||
|
|
`;
|
||
|
|
|
||
|
|
export default function Tooltip(props: Props) {
|
||
|
|
return (
|
||
|
|
<TooltipCore
|
||
|
|
{...props}
|
||
|
|
// @ts-expect-error
|
||
|
|
html={<TooltipBase>{props.content}</TooltipBase>} />
|
||
|
|
);
|
||
|
|
}
|