forked from Ninjalama/streamyfin_mirror
55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
import { StyleSheet, Text, type TextProps } from "react-native";
|
|
|
|
export type ThemedTextProps = TextProps & {
|
|
lightColor?: string;
|
|
darkColor?: string;
|
|
type?: "default" | "title" | "defaultSemiBold" | "subtitle" | "link";
|
|
};
|
|
|
|
export function ThemedText({
|
|
style,
|
|
type = "default",
|
|
...rest
|
|
}: ThemedTextProps) {
|
|
return (
|
|
<Text
|
|
style={[
|
|
{ color: "white" },
|
|
type === "default" ? styles.default : undefined,
|
|
type === "title" ? styles.title : undefined,
|
|
type === "defaultSemiBold" ? styles.defaultSemiBold : undefined,
|
|
type === "subtitle" ? styles.subtitle : undefined,
|
|
type === "link" ? styles.link : undefined,
|
|
style,
|
|
]}
|
|
{...rest}
|
|
/>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
default: {
|
|
fontSize: 16,
|
|
lineHeight: 24,
|
|
},
|
|
defaultSemiBold: {
|
|
fontSize: 16,
|
|
lineHeight: 24,
|
|
fontWeight: "600",
|
|
},
|
|
title: {
|
|
fontSize: 32,
|
|
fontWeight: "bold",
|
|
lineHeight: 32,
|
|
},
|
|
subtitle: {
|
|
fontSize: 20,
|
|
fontWeight: "bold",
|
|
},
|
|
link: {
|
|
lineHeight: 30,
|
|
fontSize: 16,
|
|
color: "#0a7ea4",
|
|
},
|
|
});
|