Badge Delta

import { BadgeDelta } from "@/components/ui/badge-delta"

export function BadgeDeltaDefault() {
  return (
    <div className="flex flex-wrap justify-center gap-4">
      <BadgeDelta 
        variant="outline"
        deltaType="increase"
        iconStyle="filled"
        value="9.3%"
      />
      <BadgeDelta 
        variant="outline"
        deltaType="decrease"
        iconStyle="filled"
        value="1.9%"
      />
      <BadgeDelta 
        variant="outline"
        deltaType="neutral"
        iconStyle="filled"
        value="0.6%"
      />
    </div>
  )
}