diff options
Diffstat (limited to 'benchmark/frontend/src/components/index/MockCheckbox.tsx')
-rw-r--r-- | benchmark/frontend/src/components/index/MockCheckbox.tsx | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/benchmark/frontend/src/components/index/MockCheckbox.tsx b/benchmark/frontend/src/components/index/MockCheckbox.tsx new file mode 100644 index 000000000..5810abde2 --- /dev/null +++ b/benchmark/frontend/src/components/index/MockCheckbox.tsx @@ -0,0 +1,39 @@ +import React from "react"; + +import tw from "tailwind-styled-components"; + +interface MockCheckboxProps { + isMock: boolean; + setIsMock: React.Dispatch<React.SetStateAction<boolean>>; +} + +const MockCheckbox: React.FC<MockCheckboxProps> = ({ isMock, setIsMock }) => { + return ( + <CheckboxWrapper> + <MockCheckboxInput + type="checkbox" + checked={isMock} + onChange={() => setIsMock(!isMock)} + /> + <span>Run mock test</span> + </CheckboxWrapper> + ); +}; + +export default MockCheckbox; + +const MockCheckboxInput = tw.input` + border + rounded + focus:border-blue-400 + focus:ring + focus:ring-blue-200 + focus:ring-opacity-50 +`; + +const CheckboxWrapper = tw.label` + flex + items-center + space-x-2 + mt-2 +`; |