Sha256: e5eee92884d3ed7c63290ed1ccb49118c7c3d349df1e91e1100f94630f89f14f
Contents?: true
Size: 749 Bytes
Versions: 654
Compression:
Stored size: 749 Bytes
Contents
import React from 'react'
import classnames from 'classnames'
import Image from '../../pb_image/_image'
type ThumbnailType = {
active?: boolean,
alt?: string,
onClick: () => void,
buttonRef?: React.RefObject<HTMLButtonElement>,
url: string,
width?: string,
}
export default function Thumbnail({
active = false,
alt,
width,
url,
onClick,
buttonRef,
}: ThumbnailType): React.ReactElement {
const activeClasses = classnames('Thumbnail', { active })
return (
<button
className={classnames(activeClasses)}
onClick={onClick}
ref={buttonRef}
style={{ width }}
type="button"
>
<Image
alt={alt}
size="sm"
url={url}
/>
</button>
)
}
Version data entries
654 entries across 654 versions & 1 rubygems