import { jsxs, jsx } from 'react/jsx-runtime';
import { pick } from '../characterTypes.js';

const Leg = ({ colors, side, scale = 1, transform, strokeWidth = 1.4 }) => {
    const pants = pick(colors, 0, "var(--anim-shirt, #3B82F6)");
    const shoe = pick(colors, 1, "var(--anim-outfit-2, #2563EB)");
    const stroke = pick(colors, 2, "var(--anim-stroke, #111)");
    const sx = side;
    return (jsxs("g", { transform: `${transform !== null && transform !== void 0 ? transform : ""} scale(${scale})`, stroke: stroke, strokeWidth: strokeWidth, strokeLinecap: "round", children: [jsx("line", { x1: 0, y1: 0, x2: sx * 2, y2: 28, stroke: pants, strokeWidth: strokeWidth + 2.5 }), jsx("line", { x1: sx * 2, y1: 28, x2: sx * 1, y2: 52, stroke: pants, strokeWidth: strokeWidth + 2 }), jsx("ellipse", { cx: sx * 1 + sx * 4, cy: 54, rx: 7, ry: 4, fill: shoe })] }));
};

export { Leg };
//# sourceMappingURL=legs.js.map
