feat(rebound): remove unnecessary primary color

Author: openscript

src/components/ReboundSection.tsx

@@ -9,7 +9,6 @@ type Props = {
   bottomHeight?: number;
   position?: 'top' | 'bottom' | 'both';
   flip?: 'top' | 'bottom' | 'both' | 'none';
-  primaryColor?: string;
   as?: ElementType;
 };
 
@@ -20,14 +19,10 @@ export function ReboundSection({
   bottomRebound,
   height,
   bottomHeight,
-  primaryColor,
   position = 'top',
   flip = 'none',
   ...props
 }: Props & HTMLProps<HTMLElement>) {
-  const baseStyles = css`
-    background-color: ${primaryColor ?? '#000000'};
-  `;
   const polygon = [
     position === 'top' ? '0 100%' : flip !== 'none' && flip !== 'bottom' ? `0 100%` : `0 calc(100% - ${bottomHeight ?? height}px)`,
     position === 'top'
@@ -48,5 +43,5 @@ export function ReboundSection({
   `;
 
   // eslint-disable-next-line react/jsx-props-no-spreading
-  return <Section css={[baseStyles, styles, externalStyles]} {...props} />;
+  return <Section css={[styles, externalStyles]} {...props} />;
 }

stories/ReboundSection.stories.tsx

@@ -65,10 +65,10 @@ export function Basic({ rebound, bottomRebound, height, bottomHeight, primaryCol
         bottomRebound={bottomRebound}
         height={height}
         bottomHeight={bottomHeight}
-        primaryColor={primaryColor}
         position={position}
         flip={flip}
         css={css`
+          background-color: ${primaryColor};
           color: #fff;
           margin-top: -${height}px;
           margin-bottom: -${bottomHeight}px;
@@ -124,11 +124,11 @@ export function BackgroundImages({
         bottomRebound={bottomRebound}
         height={height}
         bottomHeight={bottomHeight}
-        primaryColor={primaryColor}
         position={position}
         flip={flip}
         css={css`
           color: #fff;
+          background-color: ${primaryColor};
           background-image: url(./res/photo.jpg);
           background-size: cover;
           background-position: center;