@patreon/studio
Version:
Patreon Studio Design System
23 lines • 906 B
JSX
// TODO (legacied import/no-namespace)
// This failure is legacied in and should be updated. DO NOT COPY.
// eslint-disable-next-line import/no-namespace
import * as React from 'react';
import styled from 'styled-components';
import { tokens } from '../../tokens';
import { IconCheckmark, IconIndeterminate } from '../Icon';
const sizeToIconSize = {
sm: '16px',
md: '24px',
lg: '32px',
};
const StyledIcon = styled.div `
display: flex;
align-items: center;
`;
export const CheckMark = ({ size }) => (<StyledIcon data-tag="checkmark">
<IconCheckmark color={tokens.global.primary.onActionBase.default} size={sizeToIconSize[size]}/>
</StyledIcon>);
export const Indeterminate = ({ size }) => (<StyledIcon data-tag="indeterminate">
<IconIndeterminate color={tokens.global.primary.onActionBase.default} size={sizeToIconSize[size]}/>
</StyledIcon>);
//# sourceMappingURL=Icons.jsx.map