var drawRoundedRect = function (context, x, y, width, height, radius) {
    context.beginPath();
    context.moveTo(x, y + radius);
    context.arcTo(x, y + height, x + radius, y + height, radius);
    context.arcTo(x + width, y + height, x + width, y + height - radius, radius);
    context.arcTo(x + width, y, x + width - radius, y, radius);
    context.arcTo(x, y, x, y + radius, radius);
    context.fill();
};
var drawTooltip = function (context, centerX, centerY, text) {
    context.font = 'normal 10px Roboto';
    context.textAlign = 'center';
    context.textBaseline = 'middle';
    var xPadding = 8;
    var width = context.measureText(text).width + xPadding * 2;
    var height = 24;
    var radius = 4;
    var x = centerX - width / 2;
    var y = centerY - height / 2;
    context.fillStyle = 'rgba(0, 0, 0, 0.54)';
    drawRoundedRect(context, x, y, width, height, radius);
    context.fillStyle = '#fff';
    context.fillText(text, x + width / 2, y + height / 2);
};
export { drawTooltip };
