mirror of https://github.com/sgoudham/carbon.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
592 B
JavaScript
28 lines
592 B
JavaScript
7 years ago
|
import React from 'react'
|
||
|
|
|
||
|
|
export default ({ photographer }) => (
|
||
|
|
<div className="photo-credit">
|
||
|
|
Photo by{' '}
|
||
|
|
<a href={`${photographer.profile_url}?utm_source=carbon&utm_medium=referral`}>
|
||
|
|
{photographer.name}
|
||
|
|
</a>
|
||
|
|
<style jsx>
|
||
|
|
{`
|
||
|
|
.photo-credit {
|
||
|
|
cursor: unset;
|
||
|
|
user-select: none;
|
||
|
|
text-align: left;
|
||
|
|
font-size: 10px;
|
||
|
|
color: #aaa;
|
||
|
|
margin-bottom: -2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.photo-credit a {
|
||
|
|
cursor: pointer;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
`}
|
||
|
|
</style>
|
||
|
|
</div>
|
||
|
|
)
|