Contents

# frozen_string_literal: true

class SolidusAdmin::UI::Badge::Component < SolidusAdmin::BaseComponent
  include ViewComponent::InlineTemplate

  COLORS = {
    graphite_light: "text-black bg-graphiteLight",
    red: 'text-red-500 bg-red-100',
    green: 'text-forest bg-seafoam',
    blue: 'text-blue bg-sky',
    black: 'text-white bg-black',
    yellow: 'text-orange bg-papayaWhip',
  }.freeze

  SIZES = {
    s: 'leading-4 px-2 py-0.5 text-3 font-[500]',
    m: 'leading-5 px-3 py-0.5 text-3.5 font-[500]',
    l: 'leading-6 px-3 py-0.5 text-4 font-[500]',
  }.freeze

  def initialize(name:, color: :graphite_light, size: :m)
    @name = name

    @class_name = [
      'inline-flex items-center rounded-full whitespace-nowrap', # layout
      SIZES.fetch(size.to_sym), # size
      COLORS.fetch(color.to_sym), # color
    ].join(' ')
  end

  erb_template <<~ERB
    <div class="<%= @class_name %>"><%= @name %></div>
  ERB
end

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
solidus_admin-0.0.2	app/components/solidus_admin/ui/badge/component.rb
solidus_admin-0.0.1	app/components/solidus_admin/ui/badge/component.rb