Gabarito do card

Salve, Jackson!

Você pode clicar no botão "Ver opinião do instrutor", dentro da atividade.

De qualquer forma, vou deixar aqui pra você:

O componente:

//src/components/Card/index.tsx

import React, { ReactNode } from "react"
import styled from "styled-components";

export interface CardProps {
    children: ReactNode
}

const CardStyled = styled.div`
    padding: 48px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
`

export const Card = ({ children }: CardProps) => {
    return (
        <CardStyled>
            {children}
        </CardStyled>
    )
}

E o storybook:

// stories/Card.stories.tsx

import React from 'react';
import { ComponentMeta } from '@storybook/react';
import { Card } from '../src/components'

export default {
  title: 'componentes/Card',
  component: Card,
} as ComponentMeta<typeof Card>;

export const CardComponent = () => {
    return (<Card>
        <h1>Olá, eu sou um card</h1>
    </Card>)
}