import RiAppleFill from '~icons/ri/apple-fill'
import RiPaypalFill from '~icons/ri/paypal-fill'
import { CreditCard } from 'lucide-vue-next'

type Color =
  | 'zinc'
  | 'slate'
  | 'stone'
  | 'gray'
  | 'neutral'
  | 'red'
  | 'rose'
  | 'orange'
  | 'green'
  | 'blue'
  | 'yellow'
  | 'violet'

// Create an array of color values
export const allColors: Color[] = [
  'zinc',
  'rose',
  'blue',
  'green',
  'orange',
  'red',
  'slate',
  'stone',
  'gray',
  'neutral',
  'yellow',
  'violet',
]

// interface Payment {
//   status: string
//   email: string
//   amount: number
// }

interface TeamMember {
  name: string
  username: string
  role: Role['name']
  avatar: string
  access: string
}

interface Role {
  name: string
  description: string
}

export const teamMembers: TeamMember[] = [
  {
    name: 'Bob Smith',
    username: '@bobbysmith',
    role: 'Owner',
    avatar: 'https://api.dicebear.com/6.x/lorelei/svg?seed=Bob',
    access: 'Can edit',
  },
  {
    name: 'Nala Sutanovac',
    username: '@nalasutanovac',
    role: 'Developer',
    avatar: 'https://api.dicebear.com/6.x/lorelei/svg?seed=Nala',
    access: 'Can view',
  },
  {
    name: 'Jack Lynch',
    username: '@jacklynch',
    role: 'Designer',
    avatar: 'https://api.dicebear.com/6.x/lorelei/svg?seed=Jack',
    access: 'Can view',
  },
]

export const roles: Role[] = [
  {
    name: 'Owner',
    description: 'Can manage all aspects of the account',
  },
  {
    name: 'Developer',
    description: 'Can deploy apps, manage databases, and manage users',
  },
  {
    name: 'Designer',
    description: 'Can deploy apps and manage databases',
  },
]

export const months = [
  'January',
  'February',
  'March',
  'April',
  'May',
  'June',
  'July',
  'August',
  'September',
  'October',
  'November',
  'December',
]

export const years = [
  '2023',
  '2024',
  '2025',
  '2026',
  '2027',
  '2028',
  '2029',
  '2030',
]

interface Payments {
  name: string
  icon: any
}

export const payments: Payments[] = [
  {
    name: 'Card',
    icon: CreditCard,
  },
  {
    name: 'Paypal',
    icon: RiPaypalFill,
  },
  {
    name: 'Apple',
    icon: RiAppleFill,
  },
]
