%= tag.div data: { controller: "donut-chart", donut_chart_segments_value: budget.to_donut_segments_json }, class: "relative h-full" do %>
<%= bc.category.name %>
"> <%= format_money(bc.actual_spending_money) %>
<%= link_to budget_budget_categories_path(budget), class: "btn btn--secondary flex items-center gap-1" do %> of <%= format_money(bc.budgeted_spending_money, precision: 0) %> <%= lucide_icon "pencil", class: "w-4 h-4 text-gray-500 shrink-0" %> <% end %>Unused
<%= format_money(budget.available_to_spend_money) %>