build: Added content

frameless · May 30, 2024 · c6c98a3 · c6c98a3
1 parent 3078cbf
commit c6c98a3
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/components-react/src/Card/index.tsx b/packages/components-react/src/Card/index.tsx
@@ -1,3 +1,4 @@
+import { Heading1, Paragraph } from '@utrecht/component-library-react';
 import clsx from 'clsx';
 import { HTMLAttributes, PropsWithChildren } from 'react';
 import '@frameless/components-css/card/index.scss';
@@ -8,11 +9,13 @@ interface CardProps extends HTMLAttributes<HTMLElement> {
 }
 
 export const Card = ({ background, children, className, ...restProps }: PropsWithChildren<CardProps>) => (
-  <div
-    {...restProps}
-    className={clsx(['frameless-card-test'], background, ['card__illustration--background'], className)}
-  >
+  <div {...restProps} className={clsx(['frameless-card-test'], background, ['card--background'], className)}>
     {children}
+    <Heading1>Design Systems</Heading1>
+    <Paragraph>
+      Herbruikbare componenten onafhankelijk van huisstijl, daar mag je ons voor wakker maken! Frameless heeft al aan
+      meerdere white-label design systems mogen werken en is trots op onze bijdrage aan NL Design System.
+    </Paragraph>
   </div>
 );