Project: styled-components
Task (challenging): 1) In Theme Page, add input(.button-primary) with label 'Button Primary' which will represent the background color of Button Primary, add input(.button-secondary) with label 'Button Secondary' which will represent the background color of Button Secondary, add input(.button-danger) with label 'Button Danger' which will represent the background color of Button Danger 2) In Theme Page, add input(.toast-background) with label 'Toast Background' which will represent the background color of Toast 3) Constraint: DO NOT use any third-party packages; ONLY React and styled-components are allowed. use styled-components to set the appealing style&animation