zafar-saleem

import React from 'react';
import styled from 'styled-components';
import { Board } from 'board';
import { Popup } from 'popup';
import { Card } from 'card';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;

zafar-saleem

import React from 'react';
import styled from 'styled-components';
import { Board } from 'board';
import { Popup } from 'popup';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
`;

zafar-saleem

import React from 'react';
import styled from 'styled-components';
import { Board } from 'board';
import { Popup } from 'popup';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
`;

zafar-saleem

import React from 'react';
import styled from 'styled-components';
import { Board } from 'board';
import { Popup } from 'popup';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
`;

zafar-saleem

import React from 'react';
import styled from 'styled-components';
import { Board } from 'board';
import { Popup } from 'popup';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
`;

zafar-saleem

import styled from 'styled-components';
import { Board } from 'board';
import { Popup } from 'popup';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
`;

zafar-saleem

import styled from 'styled-components';
import { Board } from 'board';

const Col = styled.div`
  padding: 1em;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
`;

export default function Web() {

zafar-saleem

import { Board } from 'board';

export default function Web() {
  return (
    <div>
      <h1 style={{textAlign: 'center'}}>Kanban Board</h1>
      <Board>
      </Board>
    </div>
  );

zafar-saleem

  import { StyledCard } from './Card.styled';

  type TCard = {
    children?: React.ReactDOM;
    bgColor?: string;
  }

  export const Card: React.FC<TCard> = ({ children, bgColor }) => {
    return (
      <StyledCard bgColor={bgColor}>

zafar-saleem

export * from './Card';