Project: angular
Task (challenging): 1) Create directives/tooltip.directive.ts that displays a tooltip (.tooltip) at the bottom of the host element when hovered over. 2) Implement this tooltip on the 'Add Blog' button to show 'Write a New Blog For everyone' when hovered. 3) The Tooltip should be appended to document.body using Angular's dynamic component creation. 4) Constraint: DO NOT use any third-party packages; ONLY Angular APIs are allowed.