Create AlternativesForm component

TheeDouglasAM3 · Jan 29, 2021 · c2d84e3 · c2d84e3
1 parent 3b97684
commit c2d84e3
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/components/AlternativesForm/index.js b/src/components/AlternativesForm/index.js
@@ -0,0 +1,24 @@
+import styled from 'styled-components'
+
+const AlternativesForm = styled.form`
+ label {
+ &[data-selected="true"] {
+ background-color: ${({ theme }) => theme.colors.primary};
+ 
+ &[data-status="SUCCESS"] {
+ background-color: ${({ theme }) => theme.colors.success};
+ }
+ &[data-status="ERROR"] {
+ background-color: ${({ theme }) => theme.colors.wrong};
+ }
+ }
+ &:focus {
+ opacity: 1;
+ } 
+ }
+ button {
+ margin-top: 24px;
+ }
+`
+
+export default AlternativesForm