30 lines
872 B
JavaScript
30 lines
872 B
JavaScript
|
import React from 'react';
|
||
|
|
import { View } from 'react-native';
|
||
|
|
import ApplicationHeader from './ApplicationHeader';
|
||
|
|
import CategoryItem from './CategoryItem';
|
||
|
|
|
||
|
|
const Categories = () => {
|
||
|
|
const { categoriesListStyle } = styles;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<View>
|
||
|
|
<ApplicationHeader headerText='MeMe' headerBackgroudColor='#6d6e71' />
|
||
|
|
<View style={categoriesListStyle}>
|
||
|
|
<CategoryItem categoryName='ANATOMIJA' categoryBackgroudColor='#f7bcbc' />
|
||
|
|
<CategoryItem categoryName='LEKCIJE' categoryBackgroudColor='#f4d4d4' />
|
||
|
|
<CategoryItem categoryName='UPITNIK' categoryBackgroudColor='#bcbec0' />
|
||
|
|
<CategoryItem categoryName='REKLA KAZALA' categoryBackgroudColor='#e6e51a' />
|
||
|
|
</View>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
const styles = {
|
||
|
|
categoriesListStyle: {
|
||
|
|
flexDirection: 'column',
|
||
|
|
justifyContent: 'center'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Categories;
|