namae/src/components/DomainCard.js

import React from 'react'
import { Card, CardTitle, DedicatedAvailability } from './Card'
import { FaMapSigns } from 'react-icons/fa'

export default function DomainCard({ name }) {
  return (
    <Card key={name}>
      <CardTitle>Domain</CardTitle>
      <DedicatedAvailability
        name={`${name}.app`}
        provider="domain"
        url={`https://domainr.com/?q=${name}.app`}
        icon={<FaMapSigns />}
      />
      <DedicatedAvailability
        name={`${name}.dev`}
        provider="domain"
        url={`https://domainr.com/?q=${name}.dev`}
        icon={<FaMapSigns />}
      />
      <DedicatedAvailability
        name={`${name}.org`}
        provider="domain"
        url={`https://domainr.com/?q=${name}.org`}
        icon={<FaMapSigns />}
      />
    </Card>
  )
}