thinkful-ui/src/AppBar/ConciergeOption.jsx

Shared UI resources for Thinkful.

import React from 'react';
import PropTypes from 'prop-types';
import { black } from '../styleguide';

const ConciergeOption = ({ title, subtitle, link, background }) => (
  <a href={link} className="tui-concierge-option-link">
    <div
      className="tui-concierge-option"
      style={{
        background,
      }}
    >
      <h4>{title}</h4>
      <p>{subtitle}</p>
    </div>
  </a>
);

ConciergeOption.propTypes = {
  title: PropTypes.string.isRequired,
  subtitle: PropTypes.string.isRequired,
  link: PropTypes.string.isRequired,
  background: PropTypes.string,
}

ConciergeOption.defaultProps = {
  background: black,
};

export default ConciergeOption;