From 6bce1b3ade071ad943058711c22e512d93af98d9 Mon Sep 17 00:00:00 2001
From: Marco Ciampini <marco.ciampo@gmail.com>
Date: Thu, 10 Jun 2021 15:37:33 +0200
Subject: [PATCH] Moved the `className` prop to the `MarginalSubComponentProps`
 type

---
 packages/components/src/card/card-footer/index.js | 2 +-
 packages/components/src/card/card-header/index.js | 2 +-
 packages/components/src/card/types.ts             | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/card/card-footer/index.js b/packages/components/src/card/card-footer/index.js
index 95a3d3391a0a7e..581cf7bb66dd4a 100644
--- a/packages/components/src/card/card-footer/index.js
+++ b/packages/components/src/card/card-footer/index.js
@@ -16,7 +16,7 @@ export const defaultProps = {
 };
 
 /**
- * @param { import('../types').FooterProps & { className: string } } props
+ * @param { import('../types').FooterProps } props
  */
 export function CardFooter( props ) {
 	const { className, isShady, ...additionalProps } = props;
diff --git a/packages/components/src/card/card-header/index.js b/packages/components/src/card/card-header/index.js
index 19dab0dca83ea3..4d65462f9ec0b5 100644
--- a/packages/components/src/card/card-header/index.js
+++ b/packages/components/src/card/card-header/index.js
@@ -16,7 +16,7 @@ export const defaultProps = {
 };
 
 /**
- * @param { import('../types').HeaderProps & { className: string } } props
+ * @param { import('../types').HeaderProps } props
  */
 export function CardHeader( props ) {
 	const { className, isShady, ...additionalProps } = props;
diff --git a/packages/components/src/card/types.ts b/packages/components/src/card/types.ts
index e6bc05563bff4b..30b2d3e94cdfee 100644
--- a/packages/components/src/card/types.ts
+++ b/packages/components/src/card/types.ts
@@ -71,6 +71,7 @@ type MarginalSubComponentProps = BaseSubComponentProps & {
 	 * @default false
 	 */
 	isBorderless?: boolean;
+	className?: string;
 };
 
 export type HeaderProps = MarginalSubComponentProps;