jrshikoku/components/発車時刻表/LED_inside_Component/LastStation.tsx
harukin-expo-dev-env 06ba5fe1de LEDの処理大整理
2024-09-09 13:50:20 +00:00

22 lines
485 B
TypeScript

import React, { FC } from "react";
import { Text, View } from "react-native";
type Props = {
lastStation: string;
};
export const LastStation: FC<Props> = ({ lastStation }) => {
return (
<View style={{ flex: 4, flexDirection: "row" }}>
<Text
style={{
fontSize: lastStation.length > 4 ? parseInt("12%") : parseInt("16%"),
color: "white",
fontWeight: "bold",
}}
>
{lastStation}
</Text>
</View>
);
};