ADDED: Card sub-components

TODO: Complete styles for card sub-components and section button

src/primitive-components/card/card-media.tsx

@@ -1,33 +1,19 @@
-import Image from 'next/image';
-import React, { forwardRef } from 'react';
+import { createElement, forwardRef } from 'react';
 import { CardMediaProps, CardMediaType } from './card.types';
 
 export const CardMedia = forwardRef<CardMediaType, CardMediaProps>(
-    (
-        {
-            alt,
-            src,
-            type,
-            quality = 80,
-            rounded = true,
-            preview = true,
-            className = '',
-            ...props
-        },
-        ref,
-    ) => {
-        const classes =
-            `m3 m3-card-media${rounded ? ' m3-rounded' : ''}${preview ? ' m3-preview' : ''} ${className}`.trimEnd();
+    ({ type, rounded = true, className = '', ...props }, ref) => {
+        const extraClassStyles =
+            `m3 m3-card-media${rounded ? ' m3-rounded' : ''} ${className}`.trimEnd();
 
-        switch (type) {
-            case 'img':
-                return <Image alt={alt} quality={quality} src={src} />;
-            default:
-                return React.createElement(type, {
-                    ...props,
-                    className: classes,
-                    ref: ref,
-                });
-        }
+        return createElement(
+            type,
+            {
+                ...props,
+                className: extraClassStyles,
+                ref: ref,
+            },
+            props.children,
+        );
     },
 );