/* Metro module 11251; source: design/components/Sheet/native/ActionSheetIconHeader.native.tsx; dependencies: [31, 27, 33, 4501, 4573, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */

function _fun86000(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#86000, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11437:6, offset: 0x01f83886, size: 226 bytes, params: 8, frame: 19
    const env0_0 = require;
    const Object = global.Object;
    Object.defineProperty(exports, '__esModule', {value: true});
    ReactModule;
    const env0_5 = (CreateStylesModule).createStyles({container: {'paddingVertical': 0,
        'flexDirection': 'row', 'alignItems': 'center', 'gap': 12}, titles: {'justifyContent': 'center', 'flex': 1}});
    (FileImportTrackerModule).fileFinishedImporting('design/components/Sheet/native/ActionSheetIconHeader.native.tsx');
    exports.ActionSheetIconHeader = ActionSheetIconHeader;
    function ActionSheetIconHeader({title, subtitle, icon}) { // fn#86001, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11437:410, offset: 0x01f83968, size: 233 bytes, params: 2, frame: 22
        const Text = (TextModule).Text;
        const styles = useStyles();
        return (
            <View style={styles.container}>
                <View>
                    {icon}
                </View>
                <View style={styles.titles}>
                    <Text
                        variant="redesign/heading-18/bold"
                        color="mobile-text-heading-primary"
                        accessibilityRole="header"
                        lineClamp={2}
                    >
                        {title}
                    </Text>
                    {
                        subtitle != null
                            ? (
                                <Text variant="text-xs/medium" color="text-default">
                                    {subtitle}
                                </Text>
                            )
                            : null
                    }
                </View>
            </View>
        );
    }

}

global.__d(_fun86000, 11251, [31, 27, 33, 4501, 4573,
        2]) /* metro module 11251, dependencies: [31, 27, 33, 4501, 4573, 2] */;