/* Metro module 13429; source: modules/parent_tools/native/FamilyCenterEmpty.tsx; dependencies: [31, 27, 33, 4501, 13430, 4573, 2] */
function _fun102157(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#102157, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13619:6, offset: 0x0222fce7, size: 244 bytes, params: 8, frame: 19
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    importAll(31) /* metro dependency 31 */;
    let value = require(27) /* metro dependency 27 */;
    const env0_3 = value.View;
    const env0_4 = value.Image;
    value = require(33) /* metro dependency 33 */;
    const env0_5 = value.jsx;
    const env0_6 = value.jsxs;
    const env0_7 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({art: {'marginBottom': 10,
        'width': 243}, empty: {'display': 'flex', 'alignItems': 'center'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/parent_tools/native/FamilyCenterEmpty.tsx');
    exports.default = FamilyCenterEmpty;
}

function FamilyCenterEmpty({text}) { // fn#102158, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13619:354, offset: 0x0222fddb, size: 169 bytes, params: 2, frame: 22
    const styles = useStyles();
    const image = <Image source={importDefault(13430) /* metro dependency 13430 */} style={styles.art} resizeMethod="scale" />;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    return (
        <View style={styles.empty}>
            {image}
            <Text variant="text-sm/medium" color="text-muted">
                {text}
            </Text>
        </View>
    );
}