local P = {}

function P.new()
	widget = {}

	widget.icon = wibox.widget {
		resize = true,
		image = beautiful.icons.volume.mute,
		widget = wibox.widget.imagebox
	}

	widget.arc = wibox.widget {
		{
			widget.icon,
			top = beautiful.dpi(1),
			bottom = beautiful.dpi(1),
			layout = wibox.container.margin,
		},
		max_value = 1,
		thickness = beautiful.dpi(4),
		start_angle = 4.71238898, -- 2pi*3/4
		--forced_height = beautiful.dpi(16),
		--forced_width = beautiful.dpi(16),
		colors = {"#27D4CC", "#00446B"},
		bg = "#FFFFFF30",
		paddings = beautiful.dpi(2),
		widget = wibox.container.arcchart
	}

	--[[
	widget.bar = wibox.widget {
			max_value = 100,
			value = 0,
			--forced_height = 20,
			forced_width = beautiful.dpi(50),
			paddings = 0,
			border_width = 0,
			color = {
				type = "linear",
				from = {0, 0}, to = {beautiful.dpi(50), 0},
				stops = { { 0, "#27D4CC" }, { 1, "#00446B" }}
			},
			background_color = "#FFFFFF30",
			widget = wibox.widget.progressbar,
			shape = gears.shape.rounded_bar,
		}
	}
	--]]

	widget.widget = wibox.widget {
		{
			{   -- Right space
				widget = wibox.widget.separator,
				color = beautiful.color.transparent,
				forced_width = beautiful.dpi(3)
			},
			{
				widget.arc,
				top = beautiful.dpi(2),
				bottom = beautiful.dpi(2),
				layout = wibox.container.margin,
			},
			{   -- Left space
				widget = wibox.widget.separator,
				color = beautiful.color.transparent,
				forced_width = beautiful.dpi(3)
			},
			layout = wibox.layout.align.horizontal,
		},
		layout = wibox.container.background,
	}

	widget.widget:connect_signal("mouse::enter", function(result)
		widget.widget.bg = beautiful.color.bar.hover_bg
	end)

	widget.widget:connect_signal("mouse::leave", function(result)
		widget.widget.bg = beautiful.color.transparent
	end)

	return widget
end

return P