import React from 'react'
import MiniTab from '../../parts/mini-tab/MiniTab'
const arr = [
  {
    label: 'GENERAL SETTINGS',
    route:'/settings/general-settings'
  },
  {
    label: 'RECEIPT TEMPLATE',
    route:'/settings/receipt'
  },
  {
    label: 'Business',
    route:'/settings/business'
  },
  {
    label: 'OUTLETS',
    route:'/settings/outlets'
  },
  {
    label: 'REGISTERS',
    route:'/settings/registers'
  },
  {
    label: 'PAYMENT TYPES',
    route:'/settings/payment-types'
  },
  {
    label: 'INTEGRATIONS',
    route:'/settings/integrations'
  },
  {
    label: 'TAX RATES EXTRA',
    route:'/settings/tax-rates'
  },
  
]
function SettingsWrapper(props:any) {
  return (
    <div>
      <MiniTab tabComponents={arr}/>
      {props.children}
    </div>
  )
}

export default SettingsWrapper