Atoms

Proste komponenty takie jak przyciski czy kontenery nadające się do wielokrotnego wykorzystania.

Button.js

import styled from 'styled-components';

export const Button = styled.button`
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: ${({ theme }) => theme.colors.tangerineYellow};
  border-radius: 5px;
  border: none;

  svg {
    width: 22px;
    height: 22px;
    fill: ${({ theme }) => theme.colors.black};
  }
`;