Timeline

import Timeline from '@/components/timeline';

example:

const steps = [
  {
    status: 'payment',
    description: 'Menunggu pembayaran',
    date: '12 Oktober 2024: 10:00',
  },
  {
    status: 'processing',
    description: 'Sedang Di cetak',
    person: 'Zakaria Sutomo',
    date: '12 Oktober 2024: 10:00',
  },
  {
    status: 'delivery',
    description: 'Dikirim ke alamat pengiriman',
    person: 'Alan Walker',
    date: '12 Oktober 2024: 10:00',
  },
  {
    status: 'completed',
    description: 'Pesanan Diterima',
    person: 'Jeni Dhoe',
    date: '12 Oktober 2024: 10:00',
  },
];

export default function TimelinePage() {
  return (
    <div className="container p-4 mx-auto">
      <Timeline steps={steps} />
    </div>
  );
};

props:

• steps