@remotion/shapes
Version:
Generate SVG shapes
20 lines (19 loc) • 1.2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Pie = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const make_pie_1 = require("../utils/make-pie");
const render_svg_1 = require("./render-svg");
/**
* @description Renders an SVG element drawing a pie piece.
* @param {Number} radius The radius of the circle..
* @param {Number} progress The percentage of the circle that is filled. 0 means fully empty, 1 means fully filled.
* @param {Boolean} closePath If set to false, no path to the middle of the circle will be drawn, leading to an open arc. Default true.
* @param {Boolean} counterClockwise If set, the circle gets filled counterclockwise instead of clockwise. Default false.
* @param {Number} rotation Add rotation to the path. 0 means no rotation, Math.PI * 2 means 1 full clockwise rotation
* @see [Documentation](https://www.remotion.dev/docs/shapes/pie)
*/
const Pie = ({ radius, progress, closePath, counterClockwise, rotation, ...props }) => {
return (jsx_runtime_1.jsx(render_svg_1.RenderSvg, { ...(0, make_pie_1.makePie)({ radius, progress, closePath, counterClockwise, rotation }), ...props }));
};
exports.Pie = Pie;