export const useFulfillment = () => {
  return useState<any[]>('fulfillment', () => ([
    {
      menu: true,
      text: 'Fulfillment',
      translatedText: '',
      value: 'fulfillment',
      link: '#',
      icon: 'menu-icon tf-icons ti ti-package',
      active: false,
      child: true,
      children: [
        {
          text: 'Customers',
          translatedText: '',
          value: 'fulfillment_customers',
          link: '/fulfillment/customers',
          active: false,
        },
        {
          text: 'Stock',
          translatedText: '',
          value: 'fulfillment_stocks',
          link: '/fulfillment/stocks',
          active: false,
        },
        {
          text: 'PlentyOne Stocks',
          translatedText: '',
          value: 'fulfillment_plentyone_stocks',
          link: '/fulfillment/plentyone-stocks',
          active: false,
        },
        {
          text: 'Invoices',
          translatedText: '',
          value: 'fulfillment_invoices',
          link: '/fulfillment/invoices',
          active: false,
        },
        {
          text: 'Product Pricing Rules',
          translatedText: '',
          value: 'fulfillment_product_pricing_rules',
          link: '/fulfillment/product-pricing-rules',
          active: false,
        },
        {
          text: 'Fee Line Browser',
          translatedText: '',
          value: 'fulfillment_fee_line_browser',
          link: '/fulfillment/fee-line-browser',
          active: false,
        },
        {
          text: 'Storage Usage (QM3)',
          translatedText: '',
          value: 'fulfillment_storage_usage',
          link: '/materials/storage-usage',
          active: false,
        }
      ]
    },
  ]))
}