diff --git a/package.json b/package.json index 6f8a77f..111a4c2 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "✅ Do add `devDependencies` below that are `peerDependencies` in the CFL package." ], "dependencies": { - "codeforlife": "github:ocadotechnology/codeforlife-package-javascript#v2.2.0", + "codeforlife": "github:ocadotechnology/codeforlife-package-javascript#v2.2.1", "crypto-js": "^4.2.0" }, "devDependencies": { diff --git a/src/components/Card.tsx b/src/components/Card.tsx new file mode 100644 index 0000000..25d7821 --- /dev/null +++ b/src/components/Card.tsx @@ -0,0 +1,55 @@ +import { type AnchorHTMLAttributes, type FC } from "react" +import { + Button, + type ButtonProps, + CardActions, + CardContent, + CardMedia, + type CardMediaProps, + Card as MuiCard, + type CardProps as MuiCardProps, + Typography, +} from "@mui/material" + +export interface CardProps extends MuiCardProps { + title: string + description: string + mediaProps: { + image: NonNullable + title: NonNullable + } + buttonProps: ButtonProps & AnchorHTMLAttributes +} + +const Card: FC = ({ + title, + description, + mediaProps, + buttonProps, + style, + ...otherCardProps +}) => { + return ( + + + + {title} + {description} + + +