Ember export / import meaning with coffescipt

We have:

# app/components/my-component.coffee
`import Ember from 'ember'`

MyComponent = Ember.Component.extend
  tagName: 'div'

`export default MyComponent`

But in pure js it will be

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'div'
});

What all this import/export is about? Does MyComponent be named same as file or I can use whatever named var instead of it? Will I than need to use import MyComponent if I named it so?