import React from "react";
import "./Tag.css";

export default function Tag() {
	return (
		<div className="flexbox__center margin__bottom--default">
			{/* Default */}
			<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>
			{/* Artigo */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="16"
					viewBox="0 0 16 16"
					fill="none">
					<path
						d="M13.3538 5.14625L9.85375 1.64625C9.80728 1.59983 9.75212 1.56303 9.69143 1.53793C9.63073 1.51284 9.56568 1.49995 9.5 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V13.5C2.5 13.7652 2.60536 14.0196 2.79289 14.2071C2.98043 14.3946 3.23478 14.5 3.5 14.5H12.5C12.7652 14.5 13.0196 14.3946 13.2071 14.2071C13.3946 14.0196 13.5 13.7652 13.5 13.5V5.5C13.5001 5.43432 13.4872 5.36927 13.4621 5.30858C13.437 5.24788 13.4002 5.19272 13.3538 5.14625ZM10 3.20688L11.7931 5H10V3.20688ZM12.5 13.5H3.5V2.5H9V5.5C9 5.63261 9.05268 5.75979 9.14645 5.85355C9.24021 5.94732 9.36739 6 9.5 6H12.5V13.5Z"
						fill="#004AF7"
					/>
				</svg>
				<p className="tags text--Anil">Artigo</p>
			</div>
			{/* Documento */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="17"
					viewBox="0 0 16 17"
					fill="none">
					<path
						d="M13.3538 5.47962L9.85375 1.97962C9.80728 1.93321 9.75212 1.8964 9.69143 1.87131C9.63073 1.84621 9.56568 1.83332 9.5 1.83337H3.5C3.23478 1.83337 2.98043 1.93873 2.79289 2.12627C2.60536 2.3138 2.5 2.56816 2.5 2.83337V13.8334C2.5 14.0986 2.60536 14.3529 2.79289 14.5405C2.98043 14.728 3.23478 14.8334 3.5 14.8334H12.5C12.7652 14.8334 13.0196 14.728 13.2071 14.5405C13.3946 14.3529 13.5 14.0986 13.5 13.8334V5.83337C13.5001 5.76769 13.4872 5.70265 13.4621 5.64195C13.437 5.58125 13.4002 5.52609 13.3538 5.47962ZM10 3.54025L11.7931 5.33337H10V3.54025ZM12.5 13.8334H3.5V2.83337H9V5.83337C9 5.96598 9.05268 6.09316 9.14645 6.18693C9.24021 6.2807 9.36739 6.33337 9.5 6.33337H12.5V13.8334ZM10.5 8.83337C10.5 8.96598 10.4473 9.09316 10.3536 9.18693C10.2598 9.2807 10.1326 9.33337 10 9.33337H6C5.86739 9.33337 5.74021 9.2807 5.64645 9.18693C5.55268 9.09316 5.5 8.96598 5.5 8.83337C5.5 8.70077 5.55268 8.57359 5.64645 8.47982C5.74021 8.38605 5.86739 8.33337 6 8.33337H10C10.1326 8.33337 10.2598 8.38605 10.3536 8.47982C10.4473 8.57359 10.5 8.70077 10.5 8.83337ZM10.5 10.8334C10.5 10.966 10.4473 11.0932 10.3536 11.1869C10.2598 11.2807 10.1326 11.3334 10 11.3334H6C5.86739 11.3334 5.74021 11.2807 5.64645 11.1869C5.55268 11.0932 5.5 10.966 5.5 10.8334C5.5 10.7008 5.55268 10.5736 5.64645 10.4798C5.74021 10.3861 5.86739 10.3334 6 10.3334H10C10.1326 10.3334 10.2598 10.3861 10.3536 10.4798C10.4473 10.5736 10.5 10.7008 10.5 10.8334Z"
						fill="#1529FF"
					/>
				</svg>
				<p className="tags text--Anil">Documento</p>
			</div>
			{/* Filme */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="17"
					viewBox="0 0 16 17"
					fill="none">
					<path
						d="M13.5 7.49935H6.38066L13.125 5.71872C13.1889 5.7019 13.2487 5.6726 13.3012 5.63252C13.3537 5.59244 13.3977 5.54236 13.4307 5.48519C13.4637 5.42801 13.485 5.36486 13.4935 5.29939C13.502 5.23392 13.4974 5.16742 13.48 5.10372L12.97 3.22872C12.8998 2.97646 12.7331 2.76201 12.5059 2.63181C12.2787 2.50161 12.0094 2.46615 11.7563 2.5331L2.23816 5.0456C2.11142 5.0785 1.99253 5.13635 1.88843 5.21576C1.78433 5.29518 1.69712 5.39456 1.63191 5.5081C1.56633 5.62024 1.52396 5.74442 1.50732 5.87326C1.49067 6.0021 1.5001 6.13297 1.53503 6.2581L2.00003 7.97185C2.00003 7.9806 2.00003 7.98997 2.00003 7.99935V13.4993C2.00003 13.7646 2.10539 14.0189 2.29292 14.2065C2.48046 14.394 2.73481 14.4993 3.00003 14.4993H13C13.2652 14.4993 13.5196 14.394 13.7071 14.2065C13.8947 14.0189 14 13.7646 14 13.4993V7.99935C14 7.86674 13.9474 7.73956 13.8536 7.64579C13.7598 7.55203 13.6326 7.49935 13.5 7.49935ZM12.01 3.49935L12.385 4.87872L10.9713 5.25372L9.21378 4.23872L12.01 3.49935ZM7.84191 4.59935L9.59941 5.61435L7.29066 6.22372L5.53316 5.20997L7.84191 4.59935ZM2.87941 7.3881L2.50441 6.0081L4.16066 5.5706L5.91816 6.58685L2.87941 7.3881ZM13 13.4993H3.00003V8.49935H13V13.4993Z"
						fill="#1529FF"
					/>
				</svg>
				<p className="tags text--Anil">Filme</p>
			</div>
			{/* Livro */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="16"
					viewBox="0 0 16 16"
					fill="none">
					<path
						d="M14.4781 12.1594L12.4038 2.29689C12.3769 2.16792 12.3249 2.04552 12.2506 1.93672C12.1763 1.82792 12.0813 1.73487 11.9709 1.66291C11.8606 1.59096 11.7371 1.54151 11.6076 1.51742C11.4781 1.49332 11.3451 1.49506 11.2163 1.52252L8.29062 2.15127C8.03184 2.20793 7.8059 2.36448 7.66194 2.58686C7.51798 2.80924 7.46764 3.07947 7.52187 3.33877L9.59625 13.2013C9.64248 13.4263 9.76477 13.6285 9.94255 13.774C10.1203 13.9194 10.3428 13.9993 10.5725 14C10.6435 13.9999 10.7143 13.9924 10.7837 13.9775L13.7094 13.3488C13.9685 13.292 14.1946 13.1351 14.3386 12.9123C14.4826 12.6896 14.5327 12.419 14.4781 12.1594ZM8.5 3.13439C8.5 3.13064 8.5 3.12877 8.5 3.12877L11.425 2.50377L11.6331 3.49564L8.70813 4.12502L8.5 3.13439ZM8.91375 5.10127L11.84 4.47314L12.0487 5.46689L9.125 6.09564L8.91375 5.10127ZM9.32875 7.07439L12.255 6.44564L13.0863 10.3981L10.16 11.0269L9.32875 7.07439ZM13.5 12.3713L10.575 12.9963L10.3669 12.0044L13.2919 11.375L13.5 12.3656C13.5 12.3694 13.5 12.3713 13.5 12.3713ZM6.5 2.00002H3.5C3.23478 2.00002 2.98043 2.10537 2.79289 2.29291C2.60536 2.48045 2.5 2.7348 2.5 3.00002V13C2.5 13.2652 2.60536 13.5196 2.79289 13.7071C2.98043 13.8947 3.23478 14 3.5 14H6.5C6.76522 14 7.01957 13.8947 7.20711 13.7071C7.39464 13.5196 7.5 13.2652 7.5 13V3.00002C7.5 2.7348 7.39464 2.48045 7.20711 2.29291C7.01957 2.10537 6.76522 2.00002 6.5 2.00002ZM3.5 3.00002H6.5V4.00002H3.5V3.00002ZM3.5 5.00002H6.5V11H3.5V5.00002ZM6.5 13H3.5V12H6.5V13Z"
						fill="#004AF7"
					/>
				</svg>
				<p className="tags text--Anil">Livro</p>
			</div>
			{/* Podcast */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="16"
					viewBox="0 0 16 16"
					fill="none">
					<path
						d="M3.5 6V10C3.5 10.1326 3.44732 10.2598 3.35355 10.3536C3.25979 10.4473 3.13261 10.5 3 10.5C2.86739 10.5 2.74021 10.4473 2.64645 10.3536C2.55268 10.2598 2.5 10.1326 2.5 10V6C2.5 5.86739 2.55268 5.74021 2.64645 5.64645C2.74021 5.55268 2.86739 5.5 3 5.5C3.13261 5.5 3.25979 5.55268 3.35355 5.64645C3.44732 5.74021 3.5 5.86739 3.5 6ZM5.5 1.5C5.36739 1.5 5.24021 1.55268 5.14645 1.64645C5.05268 1.74021 5 1.86739 5 2V14C5 14.1326 5.05268 14.2598 5.14645 14.3536C5.24021 14.4473 5.36739 14.5 5.5 14.5C5.63261 14.5 5.75979 14.4473 5.85355 14.3536C5.94732 14.2598 6 14.1326 6 14V2C6 1.86739 5.94732 1.74021 5.85355 1.64645C5.75979 1.55268 5.63261 1.5 5.5 1.5ZM8 3.5C7.86739 3.5 7.74021 3.55268 7.64645 3.64645C7.55268 3.74021 7.5 3.86739 7.5 4V12C7.5 12.1326 7.55268 12.2598 7.64645 12.3536C7.74021 12.4473 7.86739 12.5 8 12.5C8.13261 12.5 8.25979 12.4473 8.35355 12.3536C8.44732 12.2598 8.5 12.1326 8.5 12V4C8.5 3.86739 8.44732 3.74021 8.35355 3.64645C8.25979 3.55268 8.13261 3.5 8 3.5ZM10.5 5.5C10.3674 5.5 10.2402 5.55268 10.1464 5.64645C10.0527 5.74021 10 5.86739 10 6V10C10 10.1326 10.0527 10.2598 10.1464 10.3536C10.2402 10.4473 10.3674 10.5 10.5 10.5C10.6326 10.5 10.7598 10.4473 10.8536 10.3536C10.9473 10.2598 11 10.1326 11 10V6C11 5.86739 10.9473 5.74021 10.8536 5.64645C10.7598 5.55268 10.6326 5.5 10.5 5.5ZM13 4.5C12.8674 4.5 12.7402 4.55268 12.6464 4.64645C12.5527 4.74021 12.5 4.86739 12.5 5V11C12.5 11.1326 12.5527 11.2598 12.6464 11.3536C12.7402 11.4473 12.8674 11.5 13 11.5C13.1326 11.5 13.2598 11.4473 13.3536 11.3536C13.4473 11.2598 13.5 11.1326 13.5 11V5C13.5 4.86739 13.4473 4.74021 13.3536 4.64645C13.2598 4.55268 13.1326 4.5 13 4.5Z"
						fill="#004AF7"
					/>
				</svg>
				<p className="tags text--Anil">Podcast</p>
			</div>
			{/* Vídeo */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="16"
					viewBox="0 0 16 16"
					fill="none">
					<path
						d="M13 2.5H3C2.60218 2.5 2.22064 2.65804 1.93934 2.93934C1.65804 3.22064 1.5 3.60218 1.5 4V11C1.5 11.3978 1.65804 11.7794 1.93934 12.0607C2.22064 12.342 2.60218 12.5 3 12.5H13C13.3978 12.5 13.7794 12.342 14.0607 12.0607C14.342 11.7794 14.5 11.3978 14.5 11V4C14.5 3.60218 14.342 3.22064 14.0607 2.93934C13.7794 2.65804 13.3978 2.5 13 2.5ZM13.5 11C13.5 11.1326 13.4473 11.2598 13.3536 11.3536C13.2598 11.4473 13.1326 11.5 13 11.5H3C2.86739 11.5 2.74021 11.4473 2.64645 11.3536C2.55268 11.2598 2.5 11.1326 2.5 11V4C2.5 3.86739 2.55268 3.74021 2.64645 3.64645C2.74021 3.55268 2.86739 3.5 3 3.5H13C13.1326 3.5 13.2598 3.55268 13.3536 3.64645C13.4473 3.74021 13.5 3.86739 13.5 4V11ZM10.5 14C10.5 14.1326 10.4473 14.2598 10.3536 14.3536C10.2598 14.4473 10.1326 14.5 10 14.5H6C5.86739 14.5 5.74021 14.4473 5.64645 14.3536C5.55268 14.2598 5.5 14.1326 5.5 14C5.5 13.8674 5.55268 13.7402 5.64645 13.6464C5.74021 13.5527 5.86739 13.5 6 13.5H10C10.1326 13.5 10.2598 13.5527 10.3536 13.6464C10.4473 13.7402 10.5 13.8674 10.5 14ZM10.2775 7.08375L7.2775 5.08375C7.20218 5.0335 7.11463 5.00464 7.0242 5.00026C6.93376 4.99588 6.84383 5.01614 6.76401 5.05887C6.68418 5.10161 6.61746 5.16521 6.57097 5.24291C6.52447 5.3206 6.49994 5.40946 6.5 5.5V9.5C6.49994 9.59054 6.52447 9.6794 6.57097 9.75709C6.61746 9.83479 6.68418 9.89839 6.76401 9.94113C6.84383 9.98386 6.93376 10.0041 7.0242 9.99974C7.11463 9.99536 7.20218 9.9665 7.2775 9.91625L10.2775 7.91625C10.3461 7.87061 10.4023 7.80873 10.4412 7.73611C10.4801 7.66349 10.5005 7.58238 10.5005 7.5C10.5005 7.41762 10.4801 7.33651 10.4412 7.26389C10.4023 7.19127 10.3461 7.12939 10.2775 7.08375ZM7.5 8.56563V6.4375L9.09875 7.5L7.5 8.56563Z"
						fill="#004AF7"
					/>
				</svg>
				<p className="tags text--Anil">Vídeo</p>
			</div>
			{/* Site */}
			<div className="tag">
				<svg
					xmlns="http://www.w3.org/2000/svg"
					width="16"
					height="16"
					viewBox="0 0 16 16"
					fill="none">
					<path
						d="M13.5 2.5H2.5C2.23478 2.5 1.98043 2.60536 1.79289 2.79289C1.60536 2.98043 1.5 3.23478 1.5 3.5V12.5C1.5 12.7652 1.60536 13.0196 1.79289 13.2071C1.98043 13.3946 2.23478 13.5 2.5 13.5H13.5C13.7652 13.5 14.0196 13.3946 14.2071 13.2071C14.3946 13.0196 14.5 12.7652 14.5 12.5V3.5C14.5 3.23478 14.3946 2.98043 14.2071 2.79289C14.0196 2.60536 13.7652 2.5 13.5 2.5ZM13.5 3.5V5.5H2.5V3.5H13.5ZM13.5 12.5H2.5V6.5H13.5V12.5Z"
						fill="#004AF7"
					/>
				</svg>
				<p className="tags text--Anil">Site</p>
			</div>
		</div>
	);
}