"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FlashingCellStyle = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const StylePreview_1 = require("../../components/StylePreview");
const Flex_1 = require("../../components/Flex");
const FlashingCellStyle = (props) => {
    const { data, ...boxProps } = props;
    return (react_1.default.createElement(Flex_1.Flex, { flexDirection: "row", ...boxProps },
        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "up-style", styleObject: props.data.UpChangeStyle, className: "twa:mr-1 twa:flex-1" },
            "Up ",
            !props.data.UpChangeStyle ? ' - no style' : ''),
        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "down-style", className: "twa:mr-1 twa:flex-1", styleObject: props.data.DownChangeStyle },
            "Down",
            !props.data.DownChangeStyle ? ' - no style' : ''),
        react_1.default.createElement(StylePreview_1.StylePreview, { "data-value": "neutral-style", className: "twa:flex-1", styleObject: props.data.NeutralChangeStyle },
            "Neutral ",
            !props.data.NeutralChangeStyle ? ' - no style' : '')));
};
exports.FlashingCellStyle = FlashingCellStyle;
