import type React from 'react'

interface EmptyStateProps {
  glyph: string
  copy: string
}

export function EmptyState({ glyph, copy }: EmptyStateProps): React.JSX.Element {
  return (
    <div className="empty">
      <div className="glyph">{glyph}</div>
      <div style={{ fontSize: 13, color: 'var(--ink-2)' }}>{copy}</div>
    </div>
  )
}
