yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import type { ReactNode } from "react";
2import { memo } from "react";
3import { H5 } from "./Typography";
4
5interface CardHeaderProps {
6 body?: ReactNode;
7 icon?: ReactNode;
8 hideDivider?: boolean;
9 title: ReactNode;
10}
11
12const CardHeader = ({
13 body,
14 icon,
15 hideDivider = false,
16 title
17}: CardHeaderProps) => {
18 return (
19 <>
20 <div className="mx-5 my-3 space-y-2">
21 <div className="flex items-center gap-x-3">
22 {icon ? icon : null}
23 <H5>{title}</H5>
24 </div>
25 {body ? <p>{body}</p> : null}
26 </div>
27 {hideDivider ? null : <div className="divider" />}
28 </>
29 );
30};
31
32export default memo(CardHeader);