Icon Stat Value

<%= pb_rails("icon_stat_value", props: { icon: "lightbulb-on",
                                         text: "Electric",
                                         unit: "kw",
                                         value: 64.18
 }) %>
<br>
 <%= pb_rails("icon_stat_value", props: { icon: "calendar",
                                          text: "deadline",
                                          unit: "days",
                                          value: 24
 }) %>

<%= pb_rails("icon_stat_value", props: { icon: "car",
                                         size: "sm",
                                         text: "distance driven",
                                         unit: " mi",
                                         value: 158.3
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "car",
                                         size: "md",
                                         text: "distance driven",
                                         unit: " mi",
                                         value: 158.3
 }) %>
<br>
 <%= pb_rails("icon_stat_value", props: { icon: "car",
                                         size: "lg",
                                         text: "distance driven",
                                         unit: " mi",
                                         value: 158.3
 }) %>

 <%= pb_rails("icon_stat_value", props: { icon: "broadcast-tower",
                                          orientation: "vertical",
                                          size: "sm",
                                          text: "Radio",
                                          unit: "wkz",
                                          value: 102.5
 }) %>

 <%= pb_rails("icon_stat_value", props: { icon: "globe-europe",
                                          text: "Mercury",
                                          unit: "AU",
                                          value: 0.39,
                                          variant:"blue"
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "planet-ringed",
                                          text: "Venus",
                                          unit: "AU",
                                          value: 0.723,
                                          variant:"royal"
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "planet-moon",
                                          text: "Earth",
                                          unit: "AU",
                                          value: 1.0,
                                          variant:"purple"
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "solar-system",
                                          text: "Mars",
                                          unit: "AU",
                                          value: 1.524,
                                          variant:"teal"
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "globe-americas",
                                          text: "Jupitar",
                                          unit: "AU",
                                          value: 5.203,
                                          variant:"red"
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "globe-africa",
                                          text: "Saturn",
                                          unit: "AU",
                                          value: 9.539,
                                          variant:"yellow"
 }) %>
 <br>
 <%= pb_rails("icon_stat_value", props: { icon: "globe",
                                          text: "Uranus",
                                          unit: "AU",
                                          value: 19.18,
                                          variant:"green"
 }) %>