Cómo usar CSS mágico en React JS

import React, { Component, PropTypes } from 'react';
import { StyleSheet, css } from 'aphrodite';
 
import { swap } from 'react-magic';
 
const styles = StyleSheet.create({
    magic: {
        animationName: swap,
        animationDuration: '1s'
    }
});
 
class App extends Component {
    render() {
        return (
            <div>
                <div className={css(styles.magic)}>
                    <h2>react-magic</h2>
                </div>
            </div>
        );
    }
}
 
export default App;
Silly Swiftlet