fix(hourglass): accept style prop

Author: arturbien

src/Hourglass/Hourglass.stories.tsx

@@ -15,7 +15,7 @@ export default {
 } as ComponentMeta<typeof Hourglass>;
 
 export function Default() {
-  return <Hourglass size={32} />;
+  return <Hourglass size={32} style={{ margin: 20 }} />;
 }
 
 Default.story = {

src/Hourglass/Hourglass.tsx

@@ -1,13 +1,15 @@
 import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import { getSize } from '../common/utils';
+import { CommonStyledProps } from '../types';
 import base64hourglass from './base64hourglass';
 
 type HourglassProps = {
   size?: string | number;
-};
+} & React.HTMLAttributes<HTMLDivElement> &
+  CommonStyledProps;
 
-const StyledContainer = styled.span<Required<Pick<HourglassProps, 'size'>>>`
+const StyledContainer = styled.div<Required<Pick<HourglassProps, 'size'>>>`
   display: inline-block;
   height: ${({ size }) => getSize(size)};
   width: ${({ size }) => getSize(size)};