computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
818 B
32 lines
818 B
import { |
|
ActionItems, |
|
AuthorImage, |
|
EditGuide, |
|
GuideAuthor, |
|
GuideDate, |
|
GuideMeta, |
|
GuideSubtitle, |
|
GuideTitle, |
|
HeaderWrap, |
|
} from './style'; |
|
|
|
const GuideHeader = (props) => ( |
|
<HeaderWrap className="border-bottom"> |
|
<GuideMeta> |
|
<GuideAuthor href="https://github.com/kamranahmedse" target="_blank"> |
|
<AuthorImage src="/static/authors/kamranahmedse.jpeg" /> |
|
Kamran Ahmed |
|
</GuideAuthor> |
|
· |
|
<GuideDate>Wednesday, October 9th 2019</GuideDate> |
|
· |
|
<EditGuide href="#">Improve this Guide</EditGuide> |
|
</GuideMeta> |
|
<GuideTitle>Design Patterns for Humans</GuideTitle> |
|
<GuideSubtitle>An ultra-simplified explanation to design patterns</GuideSubtitle> |
|
<ActionItems> |
|
</ActionItems> |
|
</HeaderWrap> |
|
); |
|
|
|
export default GuideHeader;
|
|
|