New Component - Generic Card

[nicovillamonte]

Generic cards - Issue #286

Card

Time Card

Code

<Card title="Título de la Card" color="card-blue" showVotes />

<Card
  title="Título de la Card"
  description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
/>

<Card
  title="Título de la Card"
  description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  color="card-green"
  buttons={[
    {
      icon: HaltIcon,
      onClick: () => console.log('Clicked halt in card'),
      secondary: true,
      blackAndWhite: true,
    },
    {
      icon: EditIcon,
      onClick: () => console.log('Clicked edit in card'),
      blackAndWhite: true,
    },
    {
      icon: AddIcon,
      onClick: () => console.log('Clicked add in card'),
      blackAndWhite: true,
    },
  ]}
/>

<TimeCard
  time={{
    start: new Date(new Date().setHours(18, 0, 0, 0)),
    end: new Date(new Date().setHours(21, 0, 0, 0)),
  }}
  title="Título de la Card"
  showVotes
/>

<TimeCard
  time={{
    start: new Date(new Date().setHours(10, 0, 0, 0)),
    end: new Date(new Date().setHours(16, 0, 0, 0)),
  }}
  title="Título de la Card"
  description="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  footerDescription={{
    items: [
      {
        icon: <UserIcon />,
        text: '25 invitados',
      },
      {
        icon: <ChatIcon />,
        text: '21 charlas postuladas',
      },
    ],
  }}
/>