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