1
2import { chakra } from '@chakra-ui/react';
3import {
4 CheckIcon,
5 ChevronDownIcon,
6 ClipboardIcon,
7 LinkIcon,
8 PencilIcon,
9 QrCodeIcon,
10} from '@heroicons/react/24/outline';
11
12
13export const iconProps = {
14 baseStyle: {
15 w: {
16 base: 4,
17 md: 5,
18 },
19 h: {
20 base: 4,
21 md: 5,
22 },
23 },
24};
25
26export const CopyIcon = chakra(ClipboardIcon, iconProps);
27export const AccordionArrowIcon = chakra(ChevronDownIcon, iconProps);
28export const CopiedIcon = chakra(CheckIcon, iconProps);
29export const SubscriptionLinkIcon = chakra(LinkIcon, iconProps);
30export const QRIcon = chakra(QrCodeIcon, iconProps);
31export const EditIcon = chakra(PencilIcon, iconProps);
32export const SortIcon = chakra(ChevronDownIcon, {
33 baseStyle: {
34 width: '15px',
35 height: '15px'
36 },
37});