import React from "react";

export default function ShapeA({
	backgroundOrientation,
	backgroundColor,
	borderColor,
}) {
	return (
		<svg
			width="1440"
			height="744"
			viewBox="0 0 1440 744"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
			className={`chapter-section__background chapter-section__background--${backgroundOrientation}`}
			preserveAspectRatio="none"
			vectorEffect="non-scaling-stroke"
			overflow="visible"
		>
			<path
				d="M0 0H1440V686.701L0 744V0Z"
				fill={backgroundColor}
				stroke={borderColor}
				strokeWidth={borderColor ? "2px" : "0"}
				style={{
					strokeLinejoin: "round",
					vectorEffect: "non-scaling-stroke",
				}}
			/>
		</svg>
	);
}
