// 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
  }]} />;
}