"use client"

import React from 'react'

export default function ChartEmptyState({ message }: { message: string }) {
  // const width = 640
  // const height = 180
  // const padding = 28
  // const gridColor = 'var(--icon-button-secondary)'
  // const lineColor = 'var(--icon-button-secondary)'
  // const areaColor = '#9CA3AF' // neutral-400-ish

  // // A simple placeholder path
  // const path = `M ${padding} ${height - padding - 20}
  //              C ${padding + 80} ${height - padding - 60},
  //                ${padding + 160} ${height - padding - 10},
  //                ${padding + 240} ${height - padding - 50}
  //              S ${padding + 400} ${height - padding - 30},
  //                ${width - padding} ${height - padding - 70}
  //              L ${width - padding} ${height - padding}
  //              L ${padding} ${height - padding} Z`

  return (
    <div className="h-44 relative">
      <div className="absolute inset-0 flex items-center justify-center">
        <div className="px-3 py-1.5 rounded-md border sm:text-sm text-xs" style={{ background: 'var(--content-card-background)', borderColor: 'var(--icon-button-secondary)', color: 'var(--text-secondary)'}}>
          {message}
        </div>
      </div>
    </div>
  )
}