typoStyles: {
element: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "normal";
textAlign: "left";
};
paragraph: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "normal";
textAlign: "left";
};
header: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "bold";
textAlign: "left";
};
title: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "bold";
textAlign: "left";
padding: number;
};
searchBar: {
color: string;
fontFamily: string;
fontSize: number;
marginHorizontal: number;
width: "75%";
};
modal: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "bold";
textAlign: "left";
padding: number;
marginTop: number;
};
} = ...
Type Declaration
element: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "normal";
textAlign: "left";
}
paragraph: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "normal";
textAlign: "left";
}
title: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "bold";
textAlign: "left";
padding: number;
}
searchBar: {
color: string;
fontFamily: string;
fontSize: number;
marginHorizontal: number;
width: "75%";
}
modal: {
color: string;
fontFamily: string;
fontSize: number;
fontWeight: "bold";
textAlign: "left";
padding: number;
marginTop: number;
}
Core typography styles for all text elements Provides consistent styling across the application