Badge

Gallery::Data.badge_colors.each do |badge|
  sample(badge.label, slug: badge.slug) do
    render_badge(badge, id: "gallery-badge-color-#{badge.slug}")
  end
end

Gallery::Data.badge_variants.each do |badge|
  sample(badge.label, slug: badge.slug) do
    render_badge(badge, id: "gallery-badge-variant-#{badge.slug}")
  end
end

Gallery::Data.badge_sizes.each do |badge|
  render_badge(badge, id: "gallery-badge-size-#{badge.slug}")
end

sample("Scalar", slug: "scalar") do
  render NitroKit::Badge.new(
    "Ready",
    id: "gallery-badge-scalar",
    color: :success
  )
end
sample("Block", slug: "block") do
  render NitroKit::Badge.new(
    id: "gallery-badge-block",
    variant: :outline,
    color: :info
  ) { "Generated from a Phlex block" }
end
sample("Numeric", slug: "numeric") do
  render NitroKit::Badge.new(128, id: "gallery-badge-numeric", color: :neutral)
end
sample("Nested icon", slug: "nested-icon") do
  render NitroKit::Badge.new(id: "gallery-badge-nested-icon", color: :success) do
    render NitroKit::Icon.new(:lock, id: "gallery-badge-lock-icon", size: :xs)
    plain " Secured"
  end
end
sample("Long label", slug: "long-label") do
  render NitroKit::Badge.new(
    "Awaiting production deployment approval from a workspace administrator",
    id: "gallery-badge-long-label",
    variant: :outline,
    color: :warning
  )
end

render NitroKit::Table.new(
  id: "gallery-badge-roster-table",
  table_html: { id: "gallery-badge-roster-table-element" }
) do |table|
  table.caption("Workspace roster")
  table.thead do
    table.tr do
      table.th("Person")
      table.th("Role")
      table.th("Status", align: :right)
    end
  end
  table.tbody do
    Gallery::Data.members.each do |member|
      table.tr do
        table.th(scope: :row) do
          render NitroKit::Avatar.new(
            alt: member.name,
            size: :sm,
            id: "gallery-badge-roster-avatar-#{member.id}"
          )
          plain " #{member.name}"
        end
        table.td(member.role.to_s.humanize)
        table.td(align: :right) do
          render NitroKit::Badge.new(
            member.status.to_s.humanize,
            id: "gallery-badge-roster-status-#{member.id}",
            color: member_status_color(member.status),
            size: :sm
          )
        end
      end
    end
  end
end