src/applications/_mock-form-ae-design-patterns/utils/data/tabs.js
export const tabsConfig = {
pattern1: [
{
name: 'Green Task',
path: '/1/task-green',
introPathWithQuery: '/introduction?loggedIn=false',
baseClass: 'vads-u-background-color--green vads-u-color--white',
description: '10-10EZR Form - Green',
},
{
name: 'Yellow Task',
path: '/1/task-yellow',
introPathWithQuery: '/introduction?loggedIn=true',
baseClass: 'vads-u-background-color--gold-light vads-u-color--black',
description: '10-10EZR Form - Yellow',
},
{
name: 'Purple Task',
path: '/1/task-purple',
introPathWithQuery: '/introduction?loggedIn=true',
baseClass: 'vads-u-background-color--hub-records vads-u-color--white',
description: '10182 Form - Purple',
},
],
pattern2: [
{
name: 'Blue',
path: '/2/task-blue',
introPathWithQuery: '/introduction?loggedIn=false',
baseClass: 'vads-u-background-color--primary-darker vads-u-color--white',
description: 'Pattern 2 - Blue Task',
},
{
name: 'Red',
path: '/2/task-red',
introPathWithQuery: '/introduction?loggedIn=true',
baseClass: 'vads-u-background-color--secondary vads-u-color--white',
description: 'Pattern 2 - Red Task',
},
{
name: 'Pink',
path: '/2/task-pink',
introPathWithQuery: '/introduction?loggedIn=true',
baseClass:
'vads-u-background-color--secondary-lightest vads-u-color--black',
description: 'Pattern 2 - Pink Task',
},
{
name: 'Orange',
path: '/2/task-orange',
introPathWithQuery: '/introduction?loggedIn=true',
baseClass: 'vads-u-background-color--orange vads-u-color--black',
description: 'Pattern 2 - Orange Task',
},
{
name: 'Gray',
path: '/2/task-gray',
introPathWithQuery: '/introduction?loggedIn=true',
baseClass: 'vads-u-background-color--gray-light vads-u-color--black',
description: 'Pattern 2 - Gray Task',
},
],
};