Currency

<%= pb_rails("currency", props: {
  amount: "2,000.50",
  emphasized: false,
  label: "Emphasized False",
  margin_bottom: "md",
  size: "sm",
}) %>

<%= pb_rails("currency", props: {
  amount: "342",
  label: "Light",
  margin_bottom: "md",
  size: "sm",
  symbol: "€",
  variant: "light",
}) %>

<%= pb_rails("currency", props: {
  amount: "45",
  label: "Bold",
  size: "lg",
  unit: "/mo",
  variant: "bold",
}) %>

<%= pb_rails("currency", props: {
  amount: "2,000.50",
  label: "Small",
  margin_bottom: "md",
  size: "sm",
}) %>

<%= pb_rails("currency", props: {
  amount: "342",
  label: "Medium",
  margin_bottom: "md",
  size: "md",
  symbol: "€",
}) %>

<%= pb_rails("currency", props: {
  amount: "45",
  label: "Large",
  size: "lg",
  unit: "/mo",
}) %>

<%= pb_rails("currency", props: {
  amount: "2,000.50",
  label: "Left",
  size: "sm",
}) %>

<%= pb_rails("currency", props: {
  align: "center",
  amount: "342",
  label: "Center",
  size: "sm",
  symbol: "€",
}) %>

<%= pb_rails("currency", props: {
  align: "right",
  amount: "45",
  label: "Right",
  unit: "/mo",
  size: "sm",
}) %>

<%= pb_rails("currency", props: {
  amount: "309",
  label: "Sales",
  size: "md",
  symbol: "",
  unit: "/week"
}) %>

<%= pb_rails("currency", props: {
  abbreviate: true,
  amount: "2,200.50",
  label: "Thousands (with Unit)",
  margin_bottom: "md",
  unit: "/mo",
}) %>

<%= pb_rails("currency", props: {
  abbreviate: true,
  amount: "3424123",
  label: "Millions",
  margin_bottom: "md",
}) %>

<%= pb_rails("currency", props: {
  abbreviate: true,
  amount: "45,300,000,000",
  label: "Billions",
  margin_bottom: "md",
}) %>

<%= pb_rails("currency", props: {
  abbreviate: true,
  amount: "983,200,000,000,000",
  label: "Trillions",
}) %>

<%= pb_rails("currency", props: {
  amount: "372.12",
  decimals: "matching",
  label: "Small",
  margin_bottom: "md",
  size: "sm",
  unit: "/day",
}) %>

<%= pb_rails("currency", props: {
  amount: "30,327.43",
  decimals: "matching",
  label: "Medium",
  margin_bottom: "md",
  size: "md",
  symbol: "€",
}) %>

<%= pb_rails("currency", props: {
  amount: "621,953.99",
  decimals: "matching",
  label: "Large",
  size: "lg",
}) %>