| 1 | import { palette, theme } from 'styled-tools';
|
| 2 |
|
| 3 | import { Box } from '../primitives';
|
| 4 | import styled from '../styled';
|
| 5 | import { IconProps } from './Icon';
|
| 6 |
|
| 7 | export const Icon = styled(Box)<IconProps>`
|
| 8 | fill: ${props => (props.color ? palette(props.color)(props) : 'inherit')};
|
| 9 | position: relative;
|
| 10 | font-size: ${props => props.size}em;
|
| 11 | height: 1em;
|
| 12 | width: 1em;
|
| 13 | ${theme('fannypack.Icon.base')};
|
| 14 | `;
|
| 15 |
|
| 16 | export default Icon;
|