styled-components 사용법 -- 3

<Input />

const Input = styled.input.attrs({
  type:`text`,
});

import{ keyframes } from 'styled-components';

const animate = keyframes`
from {
  transform:rotate(0deg);
}
to {
  transform:rotate(360deg);
}`;

const ButtonCircle = styled.button`
  border-radius:30px;
  padding:25px 15px;
  background-color:${props => props.theme.successColor}
`;

const ButtonWrap = styled.div`
  ${ButtonCircle}:last-child { 
    font-weight:bold;
  } 
`;

const basicBox = css`
  border-radius:20px;
  padding:20px;
  font-size:20px;
  background-color:#fff;
`;

const Input = styled.input.attrs({
  type:`text`,
})`
${basicBox}
`;