26 lines
895 B
TypeScript
26 lines
895 B
TypeScript
// Metro module 12158 (f12159).
|
|
import { View } from "react-native";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../_bundle/Module712";
|
|
import { TextStyleSheet } from "../../../design/components/Text/native/Text";
|
|
const useStyles = createStyles({
|
|
skeleton: {
|
|
borderRadius: Module712.radii.sm,
|
|
backgroundColor: Module712.colors.BACKGROUND_MOD_NORMAL
|
|
}
|
|
});
|
|
export function ImageSkeleton(props) {
|
|
const style = props.style;
|
|
return <View style={[useStyles().skeleton, style]} />;
|
|
}
|
|
export const APPROX_CHAR_WIDTH_RATIO = 0.46;
|
|
export function TextSkeleton(props) {
|
|
const { variant, widthChars = 15 } = props;
|
|
const styles = useStyles();
|
|
const r15 = TextStyleSheet[variant];
|
|
return <View style={[styles.skeleton, {
|
|
width: 0.46 * r15.fontSize * widthChars,
|
|
height: 0.8 * r15.lineHeight
|
|
}]} />;
|
|
}
|