/**
 * GLOBAL CSS
 */
import 'primeicons/primeicons.css' //icons
import '../styles/globals.css'

/**
 * PRIME REACT CSS
 */
import 'primereact/resources/primereact.min.css' //core css
import 'primereact/resources/themes/bootstrap4-light-blue/theme.css' //theme
import '../styles/primeFont.css'

/**
 * CUSTOM CSS
 */
import '../styles/accordion.css'
import '../styles/blockUi.css'
import '../styles/button.css'
import '../styles/cClock.css'
import '../styles/card.css'
import '../styles/datatables.css'
import '../styles/datePicker.css'
import '../styles/dialog.css'
import '../styles/dropdown.css'
import '../styles/menu.css'
import '../styles/navbar.css'
import '../styles/panel.css'
import '../styles/step.css'
import '../styles/tabView.css'
import '../styles/table.css'

/**
 * MOMENT JS
 */
import 'moment/locale/id'
import { addLocale, locale } from 'primereact/api'
import { Provider } from 'react-redux'
import store from '../store/index'
addLocale('id', {
	firstDayOfWeek: 1,
	dayNamesMin: ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'],
	monthNames: [
		'Januari',
		'Februari',
		'Maret',
		'April',
		'Mei',
		'Juni',
		'Juli',
		'Agustus',
		'September',
		'Oktober',
		'November',
		'Desember',
	],
	monthNamesShort: ['jan', 'feb', 'mar', 'apr', 'mei', 'jun', 'jul', 'agu', 'sep', 'okt', 'nov', 'des'],
	today: 'Hari ini',
	clear: 'Clear',
})
locale('id')

function MyApp({ Component, pageProps }) {
	return (
		<Provider store={store}>
			<Component {...pageProps} />
		</Provider>
	)
}

export default MyApp
