2025-04-24 13:11:28 +08:00

24 lines
627 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 (
<li className="list-group-item row-link">
<a href={href} className="row-link-inner">
<MaterialIcon type={icon} className="p-2 p-md-3" />
<div className="flex-grow-1">
<strong>{heading}</strong>
<div>{subtext}</div>
</div>
<MaterialIcon type="keyboard_arrow_right" className="p-2 p-md-3" />
</a>
</li>
)
}