import React from "react";
import placeholderImage from "../../assets/imgs/image-placeholder.png";
import "./Cards.css";

export function Card_video() {
	return (
		<a href="" className="card-video margin__bottom--default">
			<div className="card-video__imagem-container">
				<img
					className="card-video__imagem"
					src={placeholderImage}
					alt="Imagem Vídeo"
				/>
				<div className="Button_video__play">
					<svg
						className="Button_video__play-icon"
						xmlns="http://www.w3.org/2000/svg"
						width="32"
						height="33"
						viewBox="0 0 32 33"
						fill="none">
						<path
							d="M30 16.5C30.0008 16.8395 29.9138 17.1735 29.7473 17.4694C29.5808 17.7654 29.3406 18.0132 29.05 18.1888L11.04 29.2063C10.7364 29.3922 10.3886 29.4937 10.0326 29.5003C9.67661 29.5069 9.32532 29.4183 9.015 29.2438C8.70764 29.0719 8.4516 28.8213 8.2732 28.5177C8.09481 28.2141 8.00051 27.8684 8 27.5163V5.48376C8.00051 5.13162 8.09481 4.78597 8.2732 4.48235C8.4516 4.17874 8.70764 3.92812 9.015 3.75626C9.32532 3.5817 9.67661 3.49314 10.0326 3.49973C10.3886 3.50632 10.7364 3.60783 11.04 3.79376L29.05 14.8113C29.3406 14.9869 29.5808 15.2347 29.7473 15.5306C29.9138 15.8265 30.0008 16.1605 30 16.5Z"
							fill="white"
						/>
					</svg>
				</div>
			</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>
			<div className="card-video__description">
				<div>
					<p className="tags text-neutral-600">Podcast 0 - 00:00</p>
				</div>
				<div>
					<a
						className="button-minimal button--icon-right button--blue"
						href="https://exemplo.com"
						target="_blank"
						rel="noopener noreferrer"
						aria-label="Insira aqui o texto/função do button">
						<svg
							class="icon-size-sm"
							xmlns="http://www.w3.org/2000/svg"
							width="25"
							height="25"
							viewBox="0 0 25 25"
							fill="none">
							<path
								d="M21.3627 9.48578C20.4084 8.58521 19.3283 8.02236 18.1298 7.81223C18.0262 7.79722 17.9079 7.79722 17.8043 7.78972C17.7747 7.78972 17.7451 7.7672 17.7155 7.7672C17.6046 7.7672 17.5084 7.7597 17.4048 7.7597C17.39 7.7597 17.3826 7.7597 17.3678 7.7597C17.2495 7.7597 17.1311 7.7597 17.0275 7.7597C16.4949 7.78972 15.9474 7.93231 15.4 8.18747L10.4508 10.4914C9.34114 11.0092 8.84548 12.3451 9.34854 13.4783C9.59267 14.0336 10.0365 14.4539 10.5988 14.664C10.8577 14.7616 11.124 14.8066 11.383 14.8066C11.6937 14.8066 12.0044 14.7391 12.2855 14.6115L12.4926 14.5214L10.5618 17.088C9.822 18.0711 9.99955 19.4895 10.9687 20.2475C11.1758 20.4126 11.4125 20.5327 11.6567 20.6077L11.4495 20.8854C11.087 21.3657 10.9317 21.9661 11.0131 22.5665C11.0944 23.1668 11.3977 23.6997 11.8786 24.0674C12.2781 24.3751 12.7516 24.5252 13.2176 24.5252C13.8908 24.5252 14.5566 24.2175 14.9931 23.6396L15.2003 23.362C15.3408 23.5796 15.511 23.7822 15.7255 23.9398C16.125 24.2475 16.5985 24.3976 17.0645 24.3976C17.7377 24.3976 18.4035 24.0899 18.84 23.512L22.428 18.7541C22.465 18.7015 25.979 13.8535 21.3701 9.49328L21.3627 9.48578ZM21.2443 17.8385L17.6638 22.589C17.4122 22.9192 16.9462 22.9867 16.6207 22.7316C16.4579 22.6115 16.3543 22.4314 16.3321 22.2287C16.3025 22.0261 16.3543 21.8235 16.4801 21.6659L18.5885 18.8741C18.84 18.5439 18.7734 18.0711 18.4479 17.8235C18.2038 17.6359 17.8783 17.6209 17.6268 17.771C17.5454 17.816 17.464 17.8835 17.4048 17.9661L13.8243 22.7165C13.5727 23.0468 13.1067 23.1143 12.7812 22.8591C12.6184 22.7391 12.5148 22.559 12.4926 22.3563C12.463 22.1537 12.5148 21.9511 12.6406 21.7935L14.749 19.0017L16.2286 17.0355C16.4801 16.7053 16.4135 16.2325 16.088 15.9848C15.7625 15.7372 15.2964 15.7972 15.0523 16.1274L12.9439 18.9192C12.8255 19.0843 12.648 19.1818 12.4482 19.2119C12.2485 19.2344 12.0488 19.1818 11.8934 19.0618C11.5679 18.8066 11.5087 18.3338 11.7602 18.0036L15.3408 13.2531C15.5923 12.9229 15.5258 12.4501 15.2003 12.2025C15.0079 12.0524 14.7786 12.0299 14.564 12.0824C14.4901 12.0824 14.4161 12.0974 14.3421 12.1274L11.7159 13.2456C11.5309 13.3282 11.3312 13.3357 11.1388 13.2681C10.9539 13.1931 10.7985 13.058 10.7171 12.8704C10.547 12.4952 10.7171 12.0449 11.087 11.8648L16.0362 9.56082C16.3025 9.43324 16.5689 9.3657 16.8278 9.32067C17.0053 9.29066 17.1681 9.27565 17.3234 9.27565C17.3752 9.27565 17.427 9.27565 17.4862 9.27565C17.6268 9.27565 17.7673 9.28315 17.9005 9.30567C18.803 9.46326 19.639 9.89854 20.3788 10.5965C24.0037 14.0186 21.3775 17.7034 21.2665 17.846L21.2443 17.8385Z"
								fill="#1529FF"
							/>
							<path
								d="M8.65314 15.392L8.32023 15.3094C8.13529 15.2569 7.96514 15.1968 7.79498 15.1218C5.68659 14.2287 4.89502 12.0074 4.89502 11.9923L3.01596 6.3188C2.88279 5.92105 3.09733 5.49328 3.48202 5.3582C3.67437 5.29066 3.87411 5.30566 4.05906 5.39572C4.2366 5.48578 4.36977 5.64338 4.43635 5.83099L5.53863 9.16308C5.53863 9.16308 5.56083 9.19309 5.56822 9.21561C5.59781 9.27565 5.62741 9.33568 5.6644 9.38822C5.69399 9.41823 5.72358 9.44825 5.75317 9.47077C5.78276 9.50079 5.81975 9.5308 5.85674 9.55332C5.89373 9.57583 5.93072 9.59835 5.97511 9.61336C6.0121 9.62837 6.04908 9.63587 6.08607 9.64338C6.13046 9.65088 6.18225 9.66589 6.22663 9.66589C6.22663 9.66589 6.23403 9.66589 6.24143 9.66589C6.27102 9.66589 6.30801 9.65088 6.3376 9.65088C6.38199 9.65088 6.42638 9.65088 6.47076 9.63587C6.75928 9.53831 6.95163 9.26814 6.97382 8.97546C6.98122 8.8779 6.97382 8.78034 6.93683 8.67527L5.05777 3.00172C4.92461 2.60398 5.13915 2.17621 5.52384 2.04112C5.71618 1.97358 5.91592 1.98859 6.09347 2.07865C6.27102 2.1687 6.41158 2.3263 6.47076 2.51392L8.34982 8.18747C8.4534 8.50266 8.74191 8.69778 9.05262 8.69778C9.134 8.69778 9.20798 8.68278 9.28935 8.66026C9.67404 8.52518 9.88858 8.10491 9.75542 7.70717L8.97864 5.3657L8.65314 4.37508C8.58656 4.17996 8.60135 3.97733 8.69013 3.79722C8.7789 3.61711 8.93426 3.48202 9.1266 3.41448C9.51129 3.2869 9.94037 3.49703 10.0735 3.90979L11.346 7.50454C11.346 7.50454 11.3756 7.54957 11.383 7.57208C11.4051 7.62461 11.4347 7.67715 11.4717 7.72218C11.4939 7.75219 11.5235 7.77471 11.5457 7.79722C11.5901 7.83474 11.6345 7.87227 11.6863 7.90229C11.7159 7.9173 11.7455 7.93231 11.7824 7.93981C11.8194 7.95482 11.849 7.97733 11.8934 7.98484C11.9452 7.99234 11.9896 7.99985 12.0414 7.99985C12.2263 7.99985 12.3965 7.9248 12.5296 7.80473C12.5444 7.78972 12.5518 7.77471 12.5666 7.7672C12.6184 7.71467 12.6554 7.66214 12.6924 7.5946C12.7072 7.56458 12.7146 7.53456 12.7294 7.50454C12.7442 7.46702 12.759 7.437 12.7664 7.39947L13.0401 5.9961C13.0697 5.79347 13.1806 5.62086 13.3434 5.50079C13.5061 5.38071 13.7133 5.33568 13.8982 5.37321C14.1867 5.42574 14.4235 5.64338 14.4975 5.92855C14.601 6.33381 15.0153 6.56645 15.4 6.46139C15.7921 6.35632 16.0288 5.94356 15.9253 5.54581C15.7033 4.69028 15.0005 4.04488 14.1424 3.89478C13.5579 3.78972 12.9587 3.93231 12.4778 4.28503C12.2707 4.43512 12.1005 4.62274 11.9526 4.82536L11.4569 3.42199C11.0722 2.25126 9.80721 1.60585 8.64574 1.9961C8.39421 2.07865 8.17228 2.21373 7.96513 2.37133L7.85417 2.04112C7.66182 1.46326 7.26234 1.00548 6.72969 0.735308C6.18964 0.465139 5.59042 0.427616 5.02078 0.622738C3.86671 1.02049 3.24529 2.30379 3.62998 3.48202L3.74095 3.81223C3.48202 3.81223 3.2231 3.84225 2.97157 3.9248C1.84709 4.34506 1.22567 5.62837 1.61776 6.8066L3.49682 12.4877C3.53381 12.6077 4.49553 15.3619 7.23275 16.5177C7.44728 16.6077 7.68402 16.6903 7.92815 16.7653L8.11309 16.8179C8.18707 16.8404 8.26845 16.8554 8.34982 16.8704C8.40161 16.8779 8.4534 16.8854 8.50518 16.8854C8.84548 16.8854 9.15619 16.6453 9.23017 16.2925C9.31155 15.8873 9.06002 15.4895 8.66054 15.3995L8.65314 15.392Z"
								fill="#1529FF"
							/>
							<path
								d="M7.49167 18.1462C6.3302 17.8685 5.73098 17.4558 5.10216 17.013L4.82104 16.8179C4.48073 16.5852 4.02207 16.6753 3.79273 17.0205C3.5634 17.3657 3.65957 17.831 3.99248 18.0636L4.2588 18.2513C4.9394 18.724 5.71618 19.2644 7.14397 19.6096C7.20315 19.6246 7.25494 19.6321 7.31412 19.6321C7.64703 19.6321 7.95034 19.3995 8.03172 19.0543C8.12789 18.649 7.87636 18.2437 7.48427 18.1537L7.49167 18.1462Z"
								fill="#1529FF"
							/>
							<path
								d="M7.00341 21.1406C5.57562 20.7953 4.37716 20.2175 2.99376 19.2044C2.66086 18.9567 2.20219 19.0317 1.95806 19.3695C1.71393 19.7072 1.78791 20.1725 2.12081 20.4201C3.66697 21.5608 5.02078 22.2137 6.65571 22.604C6.71489 22.619 6.77408 22.6265 6.82586 22.6265C7.15877 22.6265 7.46208 22.3938 7.54346 22.0486C7.63963 21.6434 7.3881 21.2381 6.99601 21.1481L7.00341 21.1406Z"
								fill="#1529FF"
							/>
							<path
								d="M18.8696 6.4764C20.0385 6.73156 20.6451 7.12931 21.2887 7.55707L21.5698 7.74469C21.6956 7.82724 21.8288 7.86476 21.9693 7.86476C22.2134 7.86476 22.4502 7.74469 22.5907 7.51955C22.8127 7.16683 22.7091 6.70904 22.3688 6.4839L22.1025 6.30379C21.4071 5.846 20.6229 5.32067 19.1803 5.01298C18.7808 4.93043 18.3887 5.18559 18.3 5.59084C18.2186 5.9961 18.4701 6.39385 18.8696 6.4839V6.4764Z"
								fill="#1529FF"
							/>
							<path
								d="M24.1813 4.08991C22.6129 2.98672 21.2369 2.36383 19.5946 2.01111C19.1951 1.92855 18.803 2.18371 18.7143 2.58897C18.6329 2.99422 18.8844 3.39197 19.2839 3.48203C20.7191 3.78972 21.9323 4.34506 23.3305 5.32818C23.4563 5.41824 23.6042 5.46326 23.7522 5.46326C23.9889 5.46326 24.2183 5.35069 24.3588 5.14056C24.5882 4.80285 24.5068 4.33006 24.1739 4.09741L24.1813 4.08991Z"
								fill="#1529FF"
							/>
						</svg>
						Acessível em Libras
					</a>
				</div>
			</div>
		</a>
	);
}
