From db446515cf54123d961a00cd218421a1e3c7a316 Mon Sep 17 00:00:00 2001
From: Tobias Maier <tobias.maier@republik.ch>
Date: Wed, 22 May 2024 10:42:21 +0200
Subject: [PATCH] fix(styleguide): fix faulty typing & invalid length check

---
 packages/styleguide/src/components/Figure/Image.tsx           | 2 +-
 packages/styleguide/src/components/TeaserCarousel/Subject.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/styleguide/src/components/Figure/Image.tsx b/packages/styleguide/src/components/Figure/Image.tsx
index eea3653328..a3932369ec 100644
--- a/packages/styleguide/src/components/Figure/Image.tsx
+++ b/packages/styleguide/src/components/Figure/Image.tsx
@@ -54,7 +54,7 @@ const GalleryButton = ({ gallerySize, onClick }: GalleryButtonProps) => {
 }
 
 type ImageProps = {
-  src: string
+  src?: string
   dark?: {
     src: string
     srcSet?: string
diff --git a/packages/styleguide/src/components/TeaserCarousel/Subject.tsx b/packages/styleguide/src/components/TeaserCarousel/Subject.tsx
index a0d220c255..a576dcaa0f 100644
--- a/packages/styleguide/src/components/TeaserCarousel/Subject.tsx
+++ b/packages/styleguide/src/components/TeaserCarousel/Subject.tsx
@@ -1,6 +1,6 @@
 import { css } from 'glamor'
 import PropTypes from 'prop-types'
-import React from 'react'
+import React, { Children } from 'react'
 import { mUp } from '../TeaserFront/mediaQueries'
 import { sansSerifRegular16, sansSerifRegular18 } from '../Typography/styles'
 import { useColorContext } from '../Colors/useColorContext'
@@ -23,7 +23,7 @@ const Subject = ({ children }: SubjectProps) => {
   const [colorScheme] = useColorContext()
   const customStyles = css(styles, {
     '&::after': {
-      content: children.length ? ' ' : undefined,
+      content: Children.count(children) > 0 ? ' ' : undefined,
     },
   })
   return (