const components = [
  {
    name: 'Button',
    styles: {
      color: 'white',
      backgroundColor: 'black',
      borderRadius: '20px'
    }
  },
  {
    name: 'TextInput',
    styles: {
      color: 'black',
      border: '2px solid'
    }
  },
  {
    name: 'Checkbox',
    styles: {
      color: 'deeppink'
    }
  }
];

const getComponentsMetadata = () => (
  components.reduce((acc, current) => ({
    ...acc,
    [current.name]: {
      ...current.styles
    }
  }), {})
);