namae/src/components/HomebrewCard.js

import React from 'react'
import { Card, CardTitle, ExistenceAvailability } from './Card'
import { IoIosBeer } from 'react-icons/io'

export default function HomebrewCard({ name }) {
  return (
    <Card key={name}>
      <CardTitle>Homebrew</CardTitle>
      <ExistenceAvailability
        name={name}
        target={`https://formulae.brew.sh/api/formula/${name}.json`}
        url={`https://formulae.brew.sh/formula/${name}`}
        icon={<IoIosBeer />}
      />
      <ExistenceAvailability
        name={name}
        target={`https://formulae.brew.sh/api/cask/${name}.json`}
        url={`https://formulae.brew.sh/cask/${name}`}
        suffix=" (Cask)"
        icon={<IoIosBeer />}
      />
    </Card>
  )
}