Tooltip component and InputField behaviour is different

[tomanagle]

Describe the bug
The tooltip prop on the InputField component requires the user click a button and the tooltip will appear. By default, the tooltip in props has a white background. When you make a tooltip with the Tooltip component, following the instructions in the Bumbag docs, the tooltip is shown on hover and by default has a black background.

With InputField component

<InputField label="This is the label" tooltip="InputField tooltip" />

With Tooltip component

<Tooltip content="What was the best thing that happened to you today?" placement="right">
    <Button>Hover me</Button>
</Tooltip>

To Reproduce

See this Codesandbox: https://codesandbox.io/s/bumbag-tooltips-j9uiq?file=/src/App.js:656-725

Expected behavior
Either the defaults should have the same behaviour and look the same, or the Tooltip component should allow you to customise it so you can replicate the props functionality.

Or, the label component should include tooltip props.