import { svg } from "lit";
function rect(id, data) {
  const yPosition = data.y !== void 0 ? data.y : -data.height / 2;
  if (data.strokePosition === "inside") {
    return svg`
		<defs>
			<clipPath id="clip${id}">
				<rect id=${id} x=${-data.width / 2} y=${yPosition} width=${data.width} height=${data.height} rx=${data.borderRadius} vector-effect="non-scaling-stroke" />
			</clipPath>
		</defs>
		<rect id=${id} x=${-data.width / 2} y=${yPosition} width=${data.width} height=${data.height} rx=${data.borderRadius} vector-effect="non-scaling-stroke" stroke=${data.strokeColor}  stroke-width=${data.strokeWidth * 2} fill=${data.fillColor} clip-path="url(#clip${id})"/> 
		  `;
  } else {
    return null;
  }
}
export {
  rect
};
//# sourceMappingURL=rectangular.js.map
