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