fix(hourglass): accept style prop

Montty666 · Oct 28, 2022 · b0517dd · b0517dd
1 parent 107fe15
commit b0517dd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/Hourglass/Hourglass.stories.tsx b/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 = {

diff --git a/src/Hourglass/Hourglass.tsx b/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)};