import { View, Text, ScrollView, StyleSheet, Image } from 'react-native';
import React from 'react';
import { SafeAreaView } from 'react-native-safe-area-context';
import Svg, { Path, Rect } from 'react-native-svg';
import NormalButton from './global/normal_button';
import ExpectedFeeBox from './global/expectedFeeBox';
import OtherInformationBox from './global/otherInformationBox';
const BatteryLogoSvg = () => (
);
const TimeClockLogoSvg = () => (
);
const WarningTriangleLogoSvg = () => (
);
const IdlingGreyBox = () => {
return (
待機中..
剩餘待機時間:
01:55
請於下方確認完成充電以免進入罰款時間
);
};
const PenaltyRedBox = () => {
return (
<>
罰款中
罰款時間歷時:
01:55
累積:
01:55
請於下方確認完成充電以解鎖
);
};
const ChargingPenaltyPage = () => {
const [isIdling, setIsIdling] = React.useState(false);
return (
已完成充電
TESLA Model 3
已充電
95%
充電歷時
39
mins
{isIdling ? (
) : (
)}
{
console.log('完成充電');
}}
title={
完成充電
}
/>
);
};
export default ChargingPenaltyPage;
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'
}
});