import React from 'react';
import { Flex } from 'rebass';
import { StylePreview } from '../../components/StylePreview';
export const FlashingCellStyle = (props) => {
    const { data, ...boxProps } = props;
    return (React.createElement(Flex, { flexDirection: "row", ...boxProps },
        React.createElement(StylePreview, { "data-value": "up-style", mr: 1, flex: 1, styleObject: props.data.UpChangeStyle },
            "Up ",
            !props.data.UpChangeStyle ? ' - no style' : ''),
        React.createElement(StylePreview, { "data-value": "down-style", mr: 1, flex: 1, styleObject: props.data.DownChangeStyle },
            "Down",
            !props.data.DownChangeStyle ? ' - no style' : ''),
        React.createElement(StylePreview, { "data-value": "neutral-style", flex: 1, styleObject: props.data.NeutralChangeStyle },
            "Neutral ",
            !props.data.NeutralChangeStyle ? ' - no style' : '')));
};
