import { QTableProps } from 'quasar';

export const productTreeDecoration = [
  {
    level: 0,
    icon: 'mdi-folder-outline',
    bg: 'hsla(var(--pink-6-hsl)/0.1)',
    fg: 'var(--pink-6)',
  },
  {
    level: 1,
    icon: 'mdi-server-outline',
    bg: 'hsla(var(--orange-5-hsl)/0.1)',
    fg: 'var(--orange-5)',
  },
  {
    level: 2,
    icon: 'mdi-shopping-outline',
    bg: 'hsla(var(--teal-10-hsl)/0.1)',
    fg: 'var(--teal-10)',
  },
];

export const pageTabs = [
  'Issued',
  'Accepted',
  'Expired',
  'Invoice',
  'PaymentSuccess',
  'ProcessComplete',
];

export const columnPaySplit = [
  {
    name: 'installmentNo',
    align: 'center',
    label: 'quotation.periodNo',
    field: 'no',
  },

  {
    name: 'amount',
    align: 'left',
    label: 'quotation.paySplitMessage',
    field: 'amount',
  },

  {
    name: 'status',
    align: 'center',
    label: 'general.status',
    field: 'invoiceId',
  },
] satisfies QTableProps['columns'];

export const fieldSelectedOption = [{ label: 'general.type', value: 'value' }];