"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ShadowWithDifferentPropsTestSection = void 0;
const React = __importStar(require("react"));
const react_native_1 = require("react-native");
const react_native_2 = require("@fluentui/react-native");
const experimental_shadow_1 = require("@fluentui-react-native/experimental-shadow");
const framework_1 = require("@fluentui-react-native/framework");
const framework_base_1 = require("@fluentui-react-native/framework-base");
const themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
const ShadowTestPageStyles_1 = require("./ShadowTestPageStyles");
const getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
    const defaultShadowTestBoxPropsWithoutSpacing = {
        maxWidth: 732,
        minHeight: 64,
        ...(0, ShadowTestPageStyles_1.shadowTestPageStyles)(t).backgroundColor,
    };
    const marginTestProps = {
        marginVertical: 16,
        marginHorizontal: 32,
    };
    const paddingTestProps = {
        padding: 20,
    };
    return {
        headerTextPadding: {
            padding: 16,
        },
        defaultShadowTestBoxPropsWithoutSpacing,
        defaultShadowTestBoxProps: {
            ...defaultShadowTestBoxPropsWithoutSpacing,
            ...marginTestProps,
            ...paddingTestProps,
        },
        marginTestProps,
        paddingTestProps,
        borderRadiusTestProps: {
            borderRadius: 8,
        },
        borderWidthTestProps: {
            borderWidth: 2,
            borderColor: 'black',
        },
        offsetTestProps: { start: 10 },
        alignItemsTestProps: { alignItems: 'flex-start' },
        flexDirectionTestProps: { flexDirection: 'row' },
        flexWrapTestProps: { flexWrap: 'wrap' },
    };
});
const ShadowWithDifferentPropsTestSection = () => {
    const theme = (0, framework_1.useFluentTheme)();
    const themedStyles = getThemedStyles(theme);
    return (React.createElement(react_native_1.View, { style: (0, ShadowTestPageStyles_1.shadowTestPageStyles)(theme).backgroundColor },
        React.createElement(react_native_2.Text, { style: themedStyles.headerTextPadding }, "The following tests have a Shadow16 set on a child view that has some specific props."),
        React.createElement(react_native_1.View, null,
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: themedStyles.defaultShadowTestBoxProps },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "padding: 20, marginVertical: 16, marginHorizontal: 32"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.paddingTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "padding only"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.marginTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "margins only"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "borderRadius: 8"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps, themedStyles.borderWidthTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "borderWidth: 2"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.offsetTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "start: 10"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.alignItemsTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "alignItems: flex-start"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.flexDirectionTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "flexDirection: row"))),
            React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
                React.createElement(react_native_1.View, { style: (0, framework_base_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.flexWrapTestProps) },
                    React.createElement(react_native_2.Text, { variant: "bodySemibold" }, "flexWrap: wrap"))))));
};
exports.ShadowWithDifferentPropsTestSection = ShadowWithDifferentPropsTestSection;
//# sourceMappingURL=ShadowWithDifferentPropsTestSection.js.map