import React from "react"; import { Box, Flex, Tooltip } from "@chakra-ui/react"; import WIPXweeImg from "../images/wip-xwee.png"; import WIPXweeImg2x from "../images/wip-xwee@2x.png"; function WIPCallout({ children, details }) { let content = ( {children || ( <> We're working on this page! WIP! )} ); if (details) { content = ( {details}} placement="bottom" shouldWrapChildren > {content} ); } return content; } export default WIPCallout;