41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
// Metro module 9695 (f9696).
|
|
import { useCallback } from "react";
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import { Button } from "../../../../design/components/Button/native/Button.native";
|
|
const useStyles = createStyles({
|
|
container: {
|
|
flexDirection: "row",
|
|
paddingHorizontal: 16,
|
|
paddingVertical: 16,
|
|
alignItems: "center"
|
|
},
|
|
absoluteContainer: {
|
|
position: "absolute"
|
|
},
|
|
text: {
|
|
flex: 1
|
|
},
|
|
button: {
|
|
marginLeft: 16
|
|
}
|
|
});
|
|
export default function MediaKeyboardLimitedPickerNotice(props) {
|
|
const { onPress, onHeightChange } = props;
|
|
const styles = useStyles();
|
|
return <View style={[styles.container, onHeightChange != null ? styles.absoluteContainer : void 0]} onLayout={useCallback((a0) => {
|
|
if (onHeightChange != null) {
|
|
onHeightChange(a0.nativeEvent.layout.height);
|
|
}
|
|
}, [onHeightChange])}>
|
|
<Text style={styles.text} variant="text-sm/normal">
|
|
{intl.string(t["5g7NcN"])}
|
|
</Text>
|
|
<View style={styles.button}>
|
|
<Button size="sm" variant="tertiary" text={intl.string(t.JuXTi6)} onPress={onPress} />
|
|
</View>
|
|
</View>;
|
|
};
|