blob: 3d5605966e45b49186310c7651ebaeaa92caff0f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
import type { FC, ReactNode } from 'react';
import styles from './copyright.module.scss';
import { Time } from './time';
export type CopyrightDates = {
/**
* The copyright start year.
*/
start: string;
/**
* The copyright end year.
*/
end?: string;
};
export type CopyrightProps = {
/**
* The copyright owner.
*/
owner: string;
/**
* The copyright dates.
*/
dates: CopyrightDates;
/**
* The copyright icon.
*/
icon: ReactNode;
};
/**
* Copyright component
*
* Renders a copyright information (owner, dates, license icon).
*/
export const Copyright: FC<CopyrightProps> = ({ owner, dates, icon }) => (
<div className={styles.wrapper}>
<span className={styles.owner}>{owner}</span>
{icon}
<Time date={dates.start} hideDay hideMonth />
{dates.end ? (
<>
<span>-</span>
<Time date={dates.end} hideDay hideMonth />
</>
) : (
''
)}
</div>
);
|
