jrshikoku/components/atom/TicketBox.js
2022-10-08 18:43:40 +09:00

25 lines
601 B
JavaScript

import { TouchableOpacity, Text } from "react-native";
export const TicketBox = (props) => {
const { icon, backgroundColor, flex, onPressButton, children } = props;
return (
<TouchableOpacity
style={{
flex: flex,
backgroundColor: backgroundColor,
borderColor: "#0099CC",
padding: 10,
borderWidth: 1,
margin: 2,
alignItems: "center",
}}
onPress={onPressButton}
>
<Text style={{ color: "white", fontWeight: "bold", fontSize: 18 }}>
{children}
</Text>
{icon}
</TouchableOpacity>
);
};