mirror of
https://github.com/streetwriters/notesnook.git
synced 2025-12-22 22:49:45 +01:00
43 lines
1016 B
JavaScript
43 lines
1016 B
JavaScript
import React from 'react';
|
|
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
|
|
import {useTracked} from '../../provider';
|
|
import {PressableButton} from '../PressableButton';
|
|
import {SIZE} from "../../utils/SizeUtils";
|
|
|
|
export const ActionIcon = ({
|
|
onPress,
|
|
name,
|
|
color,
|
|
customStyle,
|
|
size = SIZE.xxxl,
|
|
iconStyle = {},
|
|
left = 10,
|
|
right = 10,
|
|
testID,
|
|
}) => {
|
|
const [state, dispatch] = useTracked();
|
|
const {colors} = state;
|
|
|
|
return (
|
|
<PressableButton
|
|
testID={testID}
|
|
onPress={onPress}
|
|
hitSlop={{top: 30, left: left, right: right, bottom: 30}}
|
|
color="transparent"
|
|
selectedColor={colors.nav}
|
|
alpha={!colors.night ? -0.02 : 0.02}
|
|
opacity={1}
|
|
customStyle={{
|
|
width: 40,
|
|
height: 40,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
borderRadius: 100,
|
|
...customStyle,
|
|
|
|
}}>
|
|
<Icon name={name} style={iconStyle} color={color} size={size} />
|
|
</PressableButton>
|
|
);
|
|
};
|