43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
import Image from "next/image";
|
||
import Card from "../ui/Card/Card"
|
||
import Typography from "../ui/Typography/Typography"
|
||
import styles from "./PalmCard.module.scss"
|
||
import Icon, { IconName } from "../ui/Icon/Icon";
|
||
import MetaLabel from "../ui/MetaLabel/MetaLabel";
|
||
import Button from "../ui/Button/Button";
|
||
|
||
export default function PalmCard() {
|
||
return (
|
||
<Card className={styles.card}>
|
||
<div className={styles.image}>
|
||
<Image
|
||
className={styles.logo}
|
||
src="/palm-card.png"
|
||
alt="Palm image"
|
||
width={99}
|
||
height={123}
|
||
/>
|
||
</div>
|
||
<div className={styles.content}>
|
||
<div className={styles.info}>
|
||
<Typography size="lg" align="left">
|
||
Код рождения в линиях
|
||
</Typography>
|
||
<MetaLabel iconLabelProps={{
|
||
iconProps: {
|
||
name: IconName.Video,
|
||
color: "#6B7280",
|
||
size: {
|
||
width: 24,
|
||
height: 25
|
||
}
|
||
},
|
||
children: <Typography color="secondary">Article</Typography>
|
||
}}>
|
||
5 min
|
||
</MetaLabel>
|
||
</div>
|
||
</div>
|
||
</Card>
|
||
)
|
||
} |