import React from 'react'; import { useTranslation } from 'react-i18next'; import styled from 'styled-components'; import { mobile } from '../../util/css'; import AppStoreCard from './providers/AppStore'; import ChromeWebStoreCard from './providers/ChromeWebStore'; import CloudflareCard from './providers/Cloudflare'; import CratesioCard from './providers/Cratesio'; import DomainCard from './providers/Domains'; import FirebaseCard from './providers/Firebase'; import FirefoxAddonsCard from './providers/FirefoxAddons'; import GithubCard from './providers/GitHubOrganization'; import GithubSearchCard from './providers/GitHubSearch'; import GitLabCard from './providers/GitLab'; import HerokuCard from './providers/Heroku'; import HexPmCard from './providers/HexPm'; import HomebrewCard from './providers/Homebrew'; // import InstagramCard from './providers/Instagram'; import JsOrgCard from './providers/JsOrg'; import ModLandCard from './providers/ModLand'; import LinuxCard from './providers/Linux'; import NetlifyCard from './providers/Netlify'; import NpmCard from './providers/Npm'; import NtaCard from './providers/Nta'; import OcamlCard from './providers/Ocaml'; import PlayStoreCard from './providers/PlayStore'; import PypiCard from './providers/PyPI'; import RubyGemsCard from './providers/RubyGems'; import S3Card from './providers/S3'; import SlackCard from './providers/Slack'; import SubredditCard from './providers/Subreddit'; import TwitterCard from './providers/Twitter'; import VercelCard from './providers/Vercel'; import YouTubeCard from './providers/YouTube'; const Index: React.FC<{ query: string }> = ({ query }) => { const { i18n: { language }, } = useTranslation(); return ( <> {/* */} {language === 'ja' ? : null} ); }; export default Index; const Cards = styled.div` display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; ${mobile} { flex-direction: column; } `;