'use strict';

import "../theme/mark.css"

export interface circleParam {
	color: string,
	name: string
}

const circle = (params: circleParam) => {
	let markContent = '<div class="mark-box"><p style="background: linear-gradient(90deg, transparent, ' +
		params.color +
		' 53%, transparent);border: 1px solid ' +
		params.color +
		'">' +
		params.name +
		'</p><div class="line" style="border-left: 1px solid ' +
		params.color +
		';background: linear-gradient(180deg, ' +
		params.color +
		' 0%, rgba(248, 62, 166, 0) 100%);"></div><div class="markerClass" style="background-color: ' +
		params.color +
		';"></div><div class="animate-box" style="box-shadow: 0 0 10px 5px ' +
		params.color +
		';"></div></div>';;
	return markContent;
}

export default {
	circle
}