Card.jsx revision 9749af69a5c9a39c39bb69e85bb86a40805b452f
/**
* The contents of this file are subject to the terms of the Common Development and
* Distribution License (the License). You may not use this file except in compliance with the
* License.
*
* You can obtain a copy of the License at legal/CDDLv1.0.txt. See the License for the
* specific language governing permission and limitations under the License.
*
* When distributing Covered Software, include this CDDL Header Notice in each file and include
* the License file at legal/CDDLv1.0.txt. If applicable, add the following below the CDDL
* Header, with the fields enclosed by brackets [] replaced by your own identifying
* information: "Portions copyright [year] [name of copyright owner]".
*
* Copyright 2016 ForgeRock AS.
*/
import React from "react";
/**
* A card.
* @module components/Card
* @param {Object} props Properties passed to this component
* @param {string} props.href The link to the associated page
* @param {ReactNode} props.children Children to add within this component
* @param {string} props.icon Icon to display on the card
* @returns {ReactElement} Renderable React element
*/
const Card = ({ href, children, icon }) => (
<div className="panel-default panel am-panel-card" data-panel-card>
<a href={ href }>
<div className="card-body">
<div className="card-icon-circle card-icon-circle-sm bg-primary">
<i className={ `fa ${icon}` } />
</div>
{ children }
</div>
</a>
</div>
);
Card.propTypes = {
children: React.PropTypes.node,
href: React.PropTypes.string.isRequired,
icon: React.PropTypes.string.isRequired
};
export default Card;