feat: strict props to use card as Hero component

src/lib/components/Hero/Hero.stories.tsx

@@ -1,4 +1,3 @@
-import { action } from "@storybook/addon-actions"
 import type { Meta, StoryObj } from "@storybook/react"
 import { Hero } from "./Hero"
 
@@ -7,14 +6,12 @@ const meta = {
   component: Hero,
   args: {
     title: "Hello Everyone, I'm a cat.",
-    description: "I'm a cat, and I'm here to say hello to you.",
     image: { src: "/image/example.jpg" },
     imageCaption: (
       <>
         Photo by <a>@shoota</a> in 2024
       </>
     ),
-    onClick: action("onClick"),
   },
 } satisfies Meta<typeof Hero>
 

src/lib/components/Hero/Hero.tsx

@@ -1,21 +1,20 @@
 import { ComponentProps, PropsWithChildren } from "react"
 import { Card } from "../../core"
 
-type Props = ComponentProps<typeof Card>
+type CardProps = ComponentProps<typeof Card>
+
+type Props = Pick<CardProps, "image" | "imageCaption" | "title">
 export const Hero = ({
   title,
-  description,
   image,
   imageCaption,
-  onClick,
 }: PropsWithChildren<Props>) => {
   return (
     <Card
       title={title}
-      description={description}
       image={image}
       imageCaption={imageCaption}
-      onClick={onClick}
+      transition={false}
     />
   )
 }