Score counter

"use client";

import { useState } from "react";
import { CruiseButton } from "@/components/cruise/button";
import { CruiseScoreCounter } from "@/components/cruise/score-counter";

export default function ScoreCounterExample() {
  const [coins, setCoins] = useState(12450);
  return (
    <div className="flex flex-wrap items-center gap-6">
      <CruiseScoreCounter value={coins} label="Coins" />
      <CruiseScoreCounter value={980} icon="star" label="Stars" />
      <CruiseButton onClick={() => setCoins((c) => c + 50)}>Collect 50 coins</CruiseButton>
    </div>
  );
}