import styled from '@emotion/styled';
import { keyframes } from '@emotion/react';
const bounce = keyframes`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`;
const Button = styled.button`
border: 0;
background: 0 0;
padding: 10px 14px 5px;
color: ${props => props.theme.colors.primary};
height: 40px;
border: 1px solid ${props => props.theme.type === "theme1" ? 'transparent' : props.theme.colors.primary};
&:after {
content:'${props => props.theme.type === "theme1" ? '' : 'share'}';
}
`;
export default Button;