{"size": 1220, "ext": "js", "max_stars_repo_path": "src/screens/Settings/About/DescriptionRow.js", "max_stars_repo_name": "gre/ledger-live-mobile", "max_stars_repo_stars_event_min_datetime": "2019-12-23T20:23:52.000Z", "max_stars_repo_stars_event_max_datetime": "2019-12-23T20:23:52.000Z", "max_issues_repo_path": "src/screens/Settings/About/DescriptionRow.js", "max_issues_repo_name": "gre/ledger-live-mobile", "max_issues_repo_issues_event_min_datetime": "2020-05-22T15:14:41.000Z", "max_issues_repo_issues_event_max_datetime": "2020-05-25T13:26:21.000Z", "max_forks_repo_path": "src/screens/Settings/About/DescriptionRow.js", "max_forks_repo_name": "gre/ledger-live-mobile", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 24.4, "max_line_length": 68, "alphanum_fraction": 0.6081967213}
/* @flow */
import React, { PureComponent } from "react";
import { View, StyleSheet, Image } from "react-native";
import { Trans } from "react-i18next";
import colors from "../../../colors";
import LText from "../../../components/LText";
import { deviceNames } from "../../../wording";

class DescriptionRow extends PureComponent<*> {
  render() {
    return (
      <View style={styles.descriptionContainer}>
        <Image source={require("../../../images/logo_small.png")} />
        <LText style={styles.description}>
          <Trans
            i18nKey="settings.about.appDescription"
            values={deviceNames.nanoX}
          />
        </LText>
      </View>
    );
  }
}

export default DescriptionRow;

const styles = StyleSheet.create({
  descriptionContainer: {
    marginHorizontal: 16,
    marginVertical: 24,
    alignItems: "center",
  },
  imageContainer: {
    height: 62,
    width: 62,
    borderRadius: 50,
    backgroundColor: colors.white,
    alignItems: "center",
    justifyContent: "center",
    shadowColor: "#00000014",
    shadowOffset: { width: 0, height: 6 },
    shadowOpacity: 0.8,
  },
  description: {
    textAlign: "center",
    margin: 16,
    color: colors.smoke,
  },
});
