All files / src/components/elements Buttons.tsx

0% Statements 0/6
100% Branches 0/0
0% Functions 0/1
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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                                                                                           
import styled from "styled-components";
import { Box } from "rimble-ui";
import { colors } from "../../themes";
 
const UnstyledButtonStyled = styled.button`
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
`;
 
export const HoverSvgFill = styled.span`
  &:hover svg {
    fill: ${colors.primary.base};
    transition: 250ms ease;
  }
`;
 
export const HoverPathFill = styled.span`
  &:hover path {
    fill: ${colors.primary.base};
    transition: 250ms ease;
  }
`;
 
export const HoverPathStroke = styled.span`
  &:hover path {
    stroke: ${colors.primary.base};
    transition: 250ms ease;
  }
`;
 
export interface ButtonsProps {
  onClick?(): void;
  [key: string]: any;
}
 
export const UnstyledButton: React.FunctionComponent<ButtonsProps> = (props) => {
  return (
    <Box {...props}>
      <UnstyledButtonStyled onClick={props.onClick}>{props.children}</UnstyledButtonStyled>
    </Box>
  );
};