1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-27 07:24:17 +00:00
pds-2021-g2-nest/nest_frontend/components/base/summary/SummaryLeft.js

32 lines
948 B
JavaScript

import React from "react"
import Style from "./SummaryLeft.module.css"
import classNames from "classnames"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
export default function SummaryLeft({ icon, title, subtitle, className, onClick, disabled, ...props }) {
const _onClick = disabled ? null : onClick
return (
<div
className={classNames(
Style.SummaryLeft,
onClick ? "Clickable" : null,
(onClick && disabled) ? "Disabled" : null,
className
)}
onClick={_onClick}
{...props}
>
<div className={Style.IconContainer}>
<FontAwesomeIcon icon={icon}/>
</div>
<div className={Style.Title}>
{title}
</div>
<div className={Style.Subtitle}>
{subtitle}
</div>
</div>
)
}