whoisryosuke

const countries = [{key: 'af', value: 'af', flag: 'af', text: 'Afghanistan' },
  {key: 'ax', value: 'ax', flag: 'ax', text: 'Aland Islands' },
  {key: 'al', value: 'al', flag: 'al', text: 'Albania' },
  {key: 'dz', value: 'dz', flag: 'dz', text: 'Algeria' },
  {key: 'as', value: 'as', flag: 'as', text: 'American Samoa' },
  {key: 'ad', value: 'ad', flag: 'ad', text: 'Andorra' },
  {key: 'ao', value: 'ao', flag: 'ao', text: 'Angola' },
  {key: 'ai', value: 'ai', flag: 'ai', text: 'Anguilla' },
  {key: 'ag', value: 'ag', flag: 'ag', text: 'Antigua' },
  {key: 'ar', value: 'ar', flag: 'ar', text: 'Argentina' },

adrianhajdin

import { makeStyles } from '@material-ui/core/styles';

export default makeStyles(() => ({
  appBar: {
    borderRadius: 15,
    margin: '30px 0',
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',