mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 21:14:40 -05:00
88d0254dde
[web] Full-row links styling for group subscription links in dash GitOrigin-RevId: f3b2dd67e9c14cf8fde1df41d74d380c06cc3d4c
25 lines
624 B
TypeScript
25 lines
624 B
TypeScript
import MaterialIcon from '../../../../shared/components/material-icon'
|
|
|
|
type RowLinkProps = {
|
|
href: string
|
|
heading: string
|
|
subtext: string
|
|
icon: string
|
|
}
|
|
|
|
export function RowLink({ href, heading, subtext, icon }: RowLinkProps) {
|
|
return (
|
|
<a href={href} className="row-link">
|
|
<div className="icon">
|
|
<MaterialIcon type={icon} />
|
|
</div>
|
|
<div className="text">
|
|
<div className="heading">{heading}</div>
|
|
<div className="subtext">{subtext}</div>
|
|
</div>
|
|
<div className="icon arrow">
|
|
<MaterialIcon type="keyboard_arrow_right" />
|
|
</div>
|
|
</a>
|
|
)
|
|
}
|