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

const Arm = ({ colors, side, scale = 1, transform, strokeWidth = 1.4 }) => {
    const skin = pick(colors, 0, "var(--anim-skin, #FFD2B3)");
    const cloth = pick(colors, 1, "var(--anim-shirt, #3B82F6)");
    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 * 4, y2: 22, stroke: cloth, strokeWidth: strokeWidth + 2 }), jsx("line", { x1: sx * 4, y1: 22, x2: sx * 2, y2: 44, stroke: skin, strokeWidth: strokeWidth + 1 }), jsx("circle", { cx: sx * 2, cy: 46, r: 3.5, fill: skin })] }));
};

export { Arm };
//# sourceMappingURL=arms.js.map
