import React from "react";

export default function ShapeB({
	backgroundOrientation,
	backgroundColor,
	borderColor,
}) {
	return (
		<svg
			className={`chapter-section__background chapter-section__background--${backgroundOrientation}`}
			width="1302"
			height="654"
			viewBox="0 0 1302 654"
			preserveAspectRatio="none"
			vectorEffect="non-scaling-stroke"
			overflow="visible"
		>
			<path
				d="M1302 0L0 15.8281V654L1302 642.633L1302 0Z"
				fill={backgroundColor}
				stroke={borderColor}
				strokeWidth={borderColor ? "2px" : "0"}
				style={{
					strokeLinejoin: "round",
					vectorEffect: "non-scaling-stroke",
				}}
			/>
		</svg>
	);
}
