24 lines
1.1 KiB
TypeScript
24 lines
1.1 KiB
TypeScript
// Metro module 14080 (f14081).
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import { XSmallIcon } from "../../../../design/components/Icon/native/redesign/generated/XSmallIcon";
|
|
const useStyles = createStyles(() => ({
|
|
closeButton: {
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
backgroundColor: Module712.colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT,
|
|
borderRadius: Module712.radii.round,
|
|
width: Module712.space.PX_32,
|
|
height: Module712.space.PX_32
|
|
}
|
|
}));
|
|
export default function BountiesModalCloseButton(props) {
|
|
const onPress = props.onPress;
|
|
const styles = useStyles();
|
|
return <PressableOpacity accessibilityLabel={intl.string(t.cpT0Cq)} accessibilityRole="button" hitSlop={12} onPress={onPress} style={styles.closeButton}>
|
|
<XSmallIcon size="sm" color={Module712.colors.CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT} />
|
|
</PressableOpacity>;
|
|
};
|