// Metro module 11502 (f11503).
import { View } from "react-native";
import { createStyles } from "../../design/components/Styles/native/createStyles";
import Module712 from "../../_bundle/Module712";
const useStyles = createStyles({
  topicEllipsis: {
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOWEST,
    justifyContent: "center",
    alignItems: "center",
    flexDirection: "row",
    borderRadius: Module712.radii.xs,
    marginTop: 4,
    height: 12,
    width: 24
  },
  topicEllipsisDot: {
    backgroundColor: Module712.colors.TEXT_MUTED,
    borderRadius: 2,
    margin: 1,
    height: 4,
    width: 4
  }
});
export default function DescriptionEllipsis(props) {
  const { style, dotStyle } = props;
  const styles = useStyles();
  return <View style={[styles.topicEllipsis, style]}>
    <View style={[styles.topicEllipsisDot, dotStyle]} />
    <View style={[styles.topicEllipsisDot, dotStyle]} />
    <View style={[styles.topicEllipsisDot, dotStyle]} />
  </View>;
};