butter-toast/src/Cinnamon/Slim/index.js

Smooth toast notifications for react apps

import React from 'react';
import PropTypes from 'prop-types';
import { Wrapper, Content, SCHEME_DARK, SCHEME_LIGHT } from './style';
import { getRenderable } from '../../lib';

function Slim({ content, className, scheme, position = {}, toastId, dismiss, onClick }) {

    if (!content) {
        return null;
    }

    return (
        <Wrapper className={`toast-slim ${className}`} horizontal={position.horizontal} hasOnClick={!!onClick}>
            <Content onClick={onClick}
                scheme={scheme}>{getRenderable(content)}</Content>
        </Wrapper>
    );
}

Slim.SCHEME_DARK = SCHEME_DARK;
Slim.SCHEME_LIGHT = SCHEME_LIGHT;

export default Slim;

Slim.prototype = {
    children: PropTypes.node,
    content: PropTypes.node,
    className: PropTypes.string,
    scheme: PropTypes.oneOf([SCHEME_DARK, SCHEME_LIGHT]),
    position: PropTypes.object,
    toastId: PropTypes.string,
    dismiss: PropTypes.func,
    onClick: PropTypes.func
};

Slim.defaultProps = {
    scheme: SCHEME_DARK,
    content: null,
    className: ''
};