import {tooltip} from './tooltip';

let name = 'world';

</script>

<h1>Hello {name}!</h1>

<p>This is a tooltip example. Hover over <span use:tooltip data-tooltip="Hello world">this element</span> to see the tooltip.</p>

<p><small><strong>Note:</strong> Go to "Tooltip.svelte" file to uncomment some css that makes this tooltip more dynamic.</small></p>

<p>by <a href="https://github.com/monkeytempal" target="_blank"><span use:tooltip data-tooltip="Follow me on github">@monkeytempal</span></a></p>

<style>

[data-tooltip] {

color: skyblue;

display: inline-block;

}

</style>