From 26b4a964cabc177b30bba63ae4564254f7b4d0e7 Mon Sep 17 00:00:00 2001
From: Silas <me@silentsilas.com>
Date: Thu, 24 Feb 2022 00:08:23 -0500
Subject: [PATCH] let splash icon  header take in style prop

---
 src/stories/SplashIconHeader.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/stories/SplashIconHeader.tsx b/src/stories/SplashIconHeader.tsx
index 3bc712c..d7885df 100644
--- a/src/stories/SplashIconHeader.tsx
+++ b/src/stories/SplashIconHeader.tsx
@@ -1,9 +1,13 @@
 import React from "react";
 import { rgba } from "polished";
-
+import CSS from "csstype";
 import { color, opacity } from "../shared/styles";
 
-const SplashIconHeader = () => {
+export interface SplashIconHeaderProps {
+  style?: CSS.Properties;
+}
+
+const SplashIconHeader = ({ style }: SplashIconHeaderProps) => {
   const bgCircleColor = rgba(color.white, opacity.light);
 
   const dotColor = "#ffffff";
@@ -13,7 +17,7 @@ const SplashIconHeader = () => {
   const r = "60";
 
   return (
-    <svg width="44rem" viewBox="0 0 440 120">
+    <svg width="44rem" viewBox="0 0 440 120" style={style}>
       <circle r={r} cx="60" cy={cy} fill={bgCircleColor} />
       <svg width="51" height="60" viewBox="0 0 51 60" fill="none" x="35" y="30">
         <path