import React from "react";
import Image from "../../assets/imgs/image-placeholder.png";
import "./Header_text.css";

export default function Header_text() {
	return (
		<section>
			<div className="header__text--context background-neutral-100 margin__bottom--default">
				<div>
					<h1 className="heading1 text-neutral-600">Título da Seção</h1>
					<p className="paragraph--medium margin-0">
						Use este espaço para guiar o usuário ou apresentar informações
						essenciais com clareza e destaque.
					</p>
				</div>
				<div className="tag_course__horizontal">
					<svg
						xmlns="http://www.w3.org/2000/svg"
						width="32"
						height="32"
						viewBox="0 0 32 32"
						fill="none">
						<path
							d="M25 21C24.1132 21.0008 23.2517 21.2958 22.5505 21.8387C21.8493 22.3815 21.3479 23.1417 21.125 24H9C7.93913 24 6.92172 23.5786 6.17157 22.8284C5.42143 22.0783 5 21.0609 5 20C5 18.9391 5.42143 17.9217 6.17157 17.1716C6.92172 16.4214 7.93913 16 9 16H21C22.3261 16 23.5979 15.4732 24.5355 14.5355C25.4732 13.5979 26 12.3261 26 11C26 9.67392 25.4732 8.40215 24.5355 7.46447C23.5979 6.52678 22.3261 6 21 6H9C8.73478 6 8.48043 6.10536 8.29289 6.29289C8.10536 6.48043 8 6.73478 8 7C8 7.26522 8.10536 7.51957 8.29289 7.70711C8.48043 7.89464 8.73478 8 9 8H21C21.7956 8 22.5587 8.31607 23.1213 8.87868C23.6839 9.44129 24 10.2044 24 11C24 11.7956 23.6839 12.5587 23.1213 13.1213C22.5587 13.6839 21.7956 14 21 14H9C7.4087 14 5.88258 14.6321 4.75736 15.7574C3.63214 16.8826 3 18.4087 3 20C3 21.5913 3.63214 23.1174 4.75736 24.2426C5.88258 25.3679 7.4087 26 9 26H21.125C21.312 26.7243 21.6984 27.3816 22.2402 27.8974C22.7821 28.4131 23.4577 28.7666 24.1903 28.9176C24.923 29.0687 25.6833 29.0112 26.3849 28.7519C27.0866 28.4925 27.7014 28.0416 28.1596 27.4503C28.6179 26.859 28.9011 26.1511 28.9772 25.4069C29.0533 24.6628 28.9192 23.9122 28.5902 23.2404C28.2611 22.5686 27.7502 22.0026 27.1156 21.6065C26.481 21.2105 25.748 21.0004 25 21ZM25 27C24.6044 27 24.2178 26.8827 23.8889 26.6629C23.56 26.4432 23.3036 26.1308 23.1522 25.7654C23.0009 25.3999 22.9613 24.9978 23.0384 24.6098C23.1156 24.2219 23.3061 23.8655 23.5858 23.5858C23.8655 23.3061 24.2219 23.1156 24.6098 23.0384C24.9978 22.9613 25.3999 23.0009 25.7654 23.1522C26.1308 23.3036 26.4432 23.56 26.6629 23.8889C26.8827 24.2178 27 24.6044 27 25C27 25.5304 26.7893 26.0391 26.4142 26.4142C26.0391 26.7893 25.5304 27 25 27Z"
							fill="#1529FF"
						/>
					</svg>
					<p className="paragraph--medium margin-0">
						Tipo de Disciplina <b>Teórica - 72h</b>
					</p>
				</div>
			</div>
			<div className="header__text--section background-neutral-100 margin__bottom--default">
				<div>
					<div className="header__icon margin__bottom--default">
						<svg
							xmlns="http://www.w3.org/2000/svg"
							viewBox="0 0 32 32"
							fill="none"
							className="icon-size-lg">
							<path
								d="M29.8976 12.1574C29.7726 11.7731 29.5366 11.4344 29.2194 11.1839C28.9022 10.9334 28.5179 10.7824 28.1151 10.7499L20.7401 10.1549L17.8926 3.2687C17.7386 2.89347 17.4765 2.57251 17.1396 2.34662C16.8027 2.12073 16.4063 2.00012 16.0007 2.00012C15.5951 2.00012 15.1987 2.12073 14.8618 2.34662C14.5249 2.57251 14.2628 2.89347 14.1088 3.2687L11.2638 10.1537L3.88508 10.7499C3.48156 10.7841 3.09707 10.9365 2.7798 11.1882C2.46253 11.4399 2.22659 11.7796 2.10153 12.1648C1.97648 12.5499 1.96787 12.9635 2.07679 13.3535C2.18571 13.7436 2.40731 14.0928 2.71383 14.3575L8.33883 19.2112L6.62508 26.4687C6.52924 26.863 6.55271 27.2769 6.69251 27.6578C6.83231 28.0387 7.08214 28.3695 7.41028 28.6082C7.73843 28.8468 8.13009 28.9826 8.53555 28.9983C8.94102 29.014 9.34199 28.9088 9.68758 28.6962L16.0001 24.8112L22.3163 28.6962C22.662 28.9063 23.0622 29.0094 23.4664 28.9926C23.8706 28.9757 24.2608 28.8397 24.5878 28.6015C24.9149 28.3634 25.1641 28.0338 25.3042 27.6542C25.4443 27.2747 25.469 26.8622 25.3751 26.4687L23.6551 19.2099L29.2801 14.3562C29.5891 14.092 29.8127 13.742 29.9226 13.3506C30.0326 12.9592 30.0238 12.5439 29.8976 12.1574ZM27.9801 12.8412L21.8926 18.0912C21.7538 18.2109 21.6505 18.3664 21.5941 18.5407C21.5376 18.7151 21.5302 18.9016 21.5726 19.08L23.4326 26.93C23.4374 26.9408 23.4379 26.953 23.4339 26.9642C23.43 26.9754 23.4219 26.9846 23.4113 26.99C23.3888 27.0075 23.3826 27.0037 23.3638 26.99L16.5238 22.7837C16.3663 22.6868 16.185 22.6356 16.0001 22.6356C15.8152 22.6356 15.6339 22.6868 15.4763 22.7837L8.63633 26.9925C8.61758 27.0037 8.61258 27.0075 8.58883 26.9925C8.57828 26.9871 8.5702 26.9779 8.56625 26.9667C8.56229 26.9555 8.56277 26.9433 8.56758 26.9325L10.4276 19.0825C10.47 18.9041 10.4625 18.7176 10.4061 18.5432C10.3497 18.3689 10.2464 18.2134 10.1076 18.0937L4.02008 12.8437C4.00508 12.8312 3.99133 12.82 4.00383 12.7812C4.01633 12.7424 4.02633 12.7474 4.04508 12.7449L12.0351 12.0999C12.2183 12.0842 12.3937 12.0183 12.5419 11.9093C12.6901 11.8004 12.8054 11.6527 12.8751 11.4824L15.9526 4.0312C15.9626 4.00995 15.9663 3.99995 15.9963 3.99995C16.0263 3.99995 16.0301 4.00995 16.0401 4.0312L19.1251 11.4824C19.1954 11.6527 19.3114 11.8003 19.4603 11.9088C19.6092 12.0173 19.7852 12.0826 19.9688 12.0974L27.9588 12.7424C27.9776 12.7424 27.9888 12.7424 28.0001 12.7787C28.0113 12.8149 28.0001 12.8287 27.9801 12.8412Z"
								fill="#151720"
							/>
						</svg>
						<h2 className="heading2 margin-0 text-neutral-600">
							Título da Seção
						</h2>
					</div>
					<p className="paragraph--medium margin-0">
						Use este espaço para guiar o usuário ou apresentar informações
						essenciais com clareza e destaque.
					</p>
				</div>
			</div>
			<div className="header__text--module">
				<div className="tag">
					<h4 className="heading4 text--Anil font-weight--regular margin-0">
						Nome da Tag
					</h4>
				</div>
				<h1 className="heading1 text-neutral-600">Título da Seção</h1>
				<h4 className="heading4 text-neutral-900">
					Use este espaço para guiar o usuário ou apresentar informações
					essenciais com clareza e destaque.
				</h4>
			</div>
		</section>
	);
}