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>
    )
}