react-mobile-app-button/lib/components/AppStoreButton/index.js

Discover our versatile React component designed to effortlessly integrate download buttons for iOS App Store, Google Play Store, and Huawei AppGallery. With our component, you can easily enhance user experience by providing seamless access to your mobile

import React from "react";
import AppStore from "../../assets/icons/Apple";
import AppStoreLight from "../../assets/icons/Apple-light";
import Button from "../Button";
/**
 *
 * @param {string} theme Choose a theme between dark and light
 * @param {number} height Controls the height of the button
 * @param {number} width Controls the width of the button
 * @param {string} title Set custom title for the button
 * @param {string} className Add className to the button in order to customize the button appearance
 * @param {string} url Add your store url to the button
 * @example <AppStoreButton theme="light" height={70} width={130} className="button-container" url="https://www.apple.com/app-store/" />
 * @returns
 */
const AppStoreButton = ({
  theme = "light",
  height,
  title = "Download on the",
  width,
  className,
  url
}) => {
  return /*#__PURE__*/React.createElement(Button, {
    theme: theme,
    height: height,
    width: width,
    url: url,
    storeName: "App Store",
    logo: theme === "dark" ? AppStoreLight : AppStore,
    className: className,
    title: title
  });
};
export default AppStoreButton;