import { View, Text, ScrollView, StyleSheet, Image } from 'react-native';
import React from 'react';
import { SafeAreaView } from 'react-native-safe-area-context';
import NormalButton from '../global/normal_button';
import ExpectedFeeBox from '../global/expectedFeeBox';
import OtherInformationBox from '../global/otherInformationBox';
import {
BatteryLogoSvg,
TimeClockLogoSvg,
WarningTriangleLogoSvg
} from '../global/SVG';
import { router } from 'expo-router';
const IdlingGreyBox = () => {
return (
待機中..
剩餘待機時間:
01:55
請於下方確認完成充電以免進入罰款時間
);
};
const PenaltyRedBox = () => {
return (
<>
罰款中
罰款時間歷時:
01:55
累積:
01:55
請於下方確認完成充電以解鎖
);
};
const ChargingPenaltyPageComponent = () => {
const [isIdling, setIsIdling] = React.useState(false);
return (
已完成充電
TESLA Model 3
已充電
95%
充電歷時
39
mins
{isIdling ? (
) : (
)}
{
router.push('paymentSummaryPage');
}}
title={
完成充電
}
/>
SET IDLING
}
onPress={() =>
setIsIdling((prevState) => !prevState)
}
/>
);
};
export default ChargingPenaltyPageComponent;
const styles = StyleSheet.create({
grayColor: {
color: '#888888'
},
greenColor: {
color: '#02677D'
},
text: {
fontWeight: '300',
color: '#000000'
},
warningLightText: {
color: 'white',
fontSize: 15,
fontWeight: '400'
},
warningBoldText: {
color: 'white',
fontSize: 20,
fontWeight: '700'
}
});