From a47105e3d6e9f99b57703fb4e2ae8a418a057644 Mon Sep 17 00:00:00 2001
From: Ian Paschal <ianpaschal@users.noreply.github.com>
Date: Wed, 13 May 2026 20:56:01 +0200
Subject: [PATCH] CC-62: <Card/> Does Not Pass Props

Fixed CC-62
---
 src/components/Card/Card.tsx                       | 8 ++++----
 src/components/ImageViewer/ImageViewer.module.scss | 2 --
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index 36ee1b2..b780901 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import clsx from 'clsx';
 
 import { ElementElevation } from '../../types';
@@ -6,9 +6,7 @@ import { getStyleClassNames } from '../../utils/getStyleClassNames';
 
 import styles from './Card.module.scss';
 
-export interface CardProps {
-  children: ReactNode;
-  className?: string;
+export interface CardProps extends ComponentPropsWithoutRef<'div'> {
   disablePadding?: boolean;
   elevation?: ElementElevation;
 }
@@ -18,8 +16,10 @@ export const Card = ({
   className,
   disablePadding = false,
   elevation = 1,
+  ...props
 }: CardProps): JSX.Element => (
   <div
+    {...props}
     className={clsx(...getStyleClassNames({
       variant: 'surface',
       elevation,
diff --git a/src/components/ImageViewer/ImageViewer.module.scss b/src/components/ImageViewer/ImageViewer.module.scss
index e0b1b86..60f8e38 100644
--- a/src/components/ImageViewer/ImageViewer.module.scss
+++ b/src/components/ImageViewer/ImageViewer.module.scss
@@ -14,8 +14,6 @@
     height: 100%;
     min-height: 200px;
 
-    background-color: var(--gray-12);
-
     &-image {
       position: absolute;
       inset: 0;