import React from "react";
import placeholderImage from "../../assets/imgs/image-placeholder.png";
import "../Tag/Tag.css";
import "./Cards.css";

export function Card_indication() {
	return (
		<a href="#" className="card-indication margin__bottom--default">
			<div className="card-indication__image-container">
				<img
					src={placeholderImage}
					alt="Imagem ilustrativa do artigo"
					className="card-indication__image"
				/>
			</div>
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="17"
					viewBox="0 0 16 17"
					fill="none">
					<path
						d="M14.9487 6.57879C14.8862 6.38661 14.7682 6.21724 14.6096 6.09201C14.451 5.96677 14.2589 5.89128 14.0575 5.87504L10.37 5.57754L8.94623 2.13441C8.86923 1.9468 8.73819 1.78632 8.56975 1.67337C8.40131 1.56043 8.20309 1.50012 8.00029 1.50012C7.79749 1.50012 7.59928 1.56043 7.43084 1.67337C7.2624 1.78632 7.13135 1.9468 7.05436 2.13441L5.63186 5.57691L1.94248 5.87504C1.74072 5.8921 1.54847 5.96833 1.38984 6.09416C1.23121 6.22 1.11323 6.38986 1.05071 6.58245C0.988178 6.77503 0.983875 6.98179 1.03833 7.17682C1.09279 7.37184 1.2036 7.54646 1.35686 7.67879L4.16936 10.1057L3.31248 13.7344C3.26456 13.9316 3.27629 14.1385 3.34619 14.3289C3.41609 14.5194 3.54101 14.6848 3.70508 14.8041C3.86915 14.9235 4.06498 14.9914 4.26772 14.9992C4.47045 15.0071 4.67094 14.9545 4.84373 14.8482L7.99998 12.9057L11.1581 14.8482C11.331 14.9532 11.531 15.0048 11.7331 14.9964C11.9352 14.9879 12.1303 14.9199 12.2939 14.8008C12.4574 14.6817 12.582 14.5169 12.652 14.3272C12.7221 14.1374 12.7344 13.9312 12.6875 13.7344L11.8275 10.105L14.64 7.67816C14.7945 7.54605 14.9063 7.37106 14.9613 7.17535C15.0162 6.97964 15.0119 6.77202 14.9487 6.57879ZM13.99 6.92066L10.9462 9.54566C10.8768 9.60549 10.8252 9.68325 10.797 9.77043C10.7687 9.85762 10.765 9.95088 10.7862 10.04L11.7162 13.965C11.7186 13.9704 11.7189 13.9766 11.7169 13.9822C11.7149 13.9877 11.7109 13.9923 11.7056 13.995C11.6944 14.0038 11.6912 14.0019 11.6819 13.995L8.26186 11.8919C8.18309 11.8435 8.09244 11.8178 7.99998 11.8178C7.90752 11.8178 7.81687 11.8435 7.73811 11.8919L4.31811 13.9963C4.30873 14.0019 4.30623 14.0038 4.29436 13.9963C4.28908 13.9936 4.28504 13.989 4.28306 13.9834C4.28109 13.9778 4.28132 13.9717 4.28373 13.9663L5.21373 10.0413C5.23493 9.95213 5.23121 9.85887 5.203 9.77168C5.17478 9.6845 5.12314 9.60674 5.05373 9.54691L2.00998 6.92191C2.00248 6.91566 1.99561 6.91004 2.00186 6.89066C2.00811 6.87129 2.01311 6.87379 2.02248 6.87254L6.01748 6.55004C6.10911 6.54218 6.1968 6.5092 6.2709 6.45472C6.345 6.40025 6.40264 6.3264 6.43748 6.24129L7.97623 2.51566C7.98123 2.50504 7.98311 2.50004 7.99811 2.50004C8.01311 2.50004 8.01498 2.50504 8.01998 2.51566L9.56248 6.24129C9.59765 6.32643 9.65566 6.4002 9.7301 6.45447C9.80455 6.50873 9.89253 6.54137 9.98436 6.54879L13.9794 6.87129C13.9887 6.87129 13.9944 6.87129 14 6.88941C14.0056 6.90754 14 6.91441 13.99 6.92066Z"
						fill="#004AFF"
					/>
				</svg>
				<p className="tags text--Anil">Default</p>
			</div>
			<p className="truncate--three-lines text-neutral-950 paragraph--medium margin-0">
				Título do card Título do card Título do card Título do card Título do
				card Título do card Título do card Título do card Título do card Título
				do card
			</p>
		</a>
	);
}