Project: styled-components
Task (challenging): 1) Create components/Tooltip.tsx that displays a tooltip (.tooltip) at the bottom of the child component when hovered over. 2) The Tooltip should be appended to document.body. 3) Shows Tooltip with text '🪄' when hovered on 'Add Blog' Button; Shows Tooltip with text '🍉' when hovered on 'Read Blogs' Button; Shows Tooltip with text '🎨' when hovered on 'Theme' Button; 4) Constraint: DO NOT use any third-party packages; ONLY React and styled-components are allowed. use styled-components to set the appealing style&animation.