export default function PipelinesPage() {
  return (
    <div className="max-w-4xl mx-auto px-4 md:px-6 py-6 space-y-6">
      <h1 className="text-xl font-semibold text-[#172B4D]">Pipelines</h1>
      <div className="flex flex-col items-center justify-center py-16 border border-dashed border-[#DFE1E6] rounded text-center gap-3">
        <svg width="40" height="40" fill="none" stroke="#97A0AF" strokeWidth="1" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />
        </svg>
        <div>
          <p className="text-sm font-medium text-[#172B4D]">No pipelines yet</p>
          <p className="text-xs text-[#5E6C84] mt-1 max-w-xs">
            Pipelines run automatically when you push to a repository.<br />
            Add a <code className="font-mono bg-[#F4F5F7] px-1 rounded">.forgebucket.yml</code> file to get started.
          </p>
        </div>
      </div>
    </div>
  )
}
