shadcn-vue/apps/www/.vitepress/theme/components/theming/utils/data.ts

138 lines
2.1 KiB
TypeScript

import { CreditCard } from 'lucide-vue-next'
import RiAppleFill from '~icons/ri/apple-fill'
import RiPaypalFill from '~icons/ri/paypal-fill'
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,
},
]