All files / src/components/csv CsvBox.tsx

0% Statements 0/12
0% Branches 0/1
0% Functions 0/1
0% Lines 0/12

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31                                                             
import DepreiationCsvButton from './DepreiationCsvButton';
import ItemCsvButton from './ItemCsvButton';
import styled from 'styled-components';
 
const StyledBox = styled.div`
  margin: 40px 0 0 0;
  display: flex;
  @media (max-width: 415px) {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  @media (min-width: 416px) {
    flex-direction: row;
    justify-content: center;
    gap: 100px;
  }
  width: 100%;
`;
 
const CsvBox = () => {
  return (
    <StyledBox>
      <DepreiationCsvButton />
      <ItemCsvButton />
    </StyledBox>
  );
};
 
export default CsvBox;