Qual a diferença das formas

Qual a diferença de

import React, { Component } from 'react';

class BostaoCustomizado extends Component {
  render() {
    return (
    <div className="pure-control-group">                                  
      <label></label> 
      <input type={this.props.type} className="pure-button pure-button-primary" value={this.props.label} />                                    
    </div>
    )
  }
}

export default BostaoCustomizado;

Para...

import React from 'react';

export default class BotaoSubmitCustomizado extends React.Component {
    render() {
        return (
            <div className="pure-controls">
                <label></label>
                <input type="submit" className="pure-button pure-button-primary" value={this.props.label} />
            </div>
        ); 
    }
}

No caso minha dúvida a diferença é na parte chamando o "export default" e o export default BostaoCustomizado.

E a outra parte é a forma de importar o react e o extends

Qual melhor forma de ser usado?