Styles.js

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  sectionContainer: {
    marginTop: 32,
    paddingHorizontal: 24,
  },
  sectionTitle: {
    fontSize: 24,
    fontWeight: '600',
  },
  sectionDescription: {
    marginTop: 8,
    fontSize: 18,
    fontWeight: '400',
  },
  publish: {
    width: 110,
    marginLeft: 240,
    marginTop: 10,
    marginRight: 40,
    backgroundColor: '#ffed4e',
    borderRadius: 10,
    alignItems: 'center',
    justifyContent: 'center',
    height: 30,
  },
  post: {
    marginBottom: 30,
    marginLeft: 'auto',
    marginRight: 'auto',
  },
  input: {
    paddingTop: 20,
    paddingBottom: 20,
    paddingLeft: 20,
    paddingRight: 20,
    width: 300,
    marginLeft: 'auto',
    marginRight: 'auto',
    fontSize: 20,
    borderRadius: 10,
    backgroundColor: '#fafafa',
  },
  publishText: {
    alignItems: 'center',
    justifyContent: 'center',
    color: 'white',
    fontSize: 18,
    fontWeight: '700',
  },
  title: {
    marginTop: 10,
    marginBottom: 10,
  },
  lightBg: {
    backgroundColor: 'white',
  },
  darkBg: {
    backgroundColor: '#dcdcdc',
  },
  highlight: {
    fontWeight: '700',
  },
});

export {styles}