import React from "react";

export default function ShapeB({
	backgroundOrientation,
	backgroundColor,
	borderColor,
}) {
	return (
		<>
			<svg
				width="1440"
				height="997"
				viewBox="0 0 1440 997"
				className={`content-box__shape content-box__shape--${backgroundOrientation}`}
				preserveAspectRatio="none"
				vectorEffect="non-scaling-stroke"
				overflow="visible"
			>
				<path
					d="M1440 29.8887L0 0V997L1440 979.242V29.8887Z"
					fill={backgroundColor}
					stroke={borderColor}
					strokeWidth={borderColor ? "2px" : "0"}
					style={{
						strokeLinejoin: "round",
						vectorEffect: "non-scaling-stroke",
					}}
				/>
			</svg>
		</>
	);
}
