import * as React from 'react';
import styles from './Birthday.module.scss';
import { IBirthdayProps } from './IBirthdayProps';
import { Icon } from 'office-ui-fabric-react/lib/Icon';
import { initializeIcons } from '@uifabric/icons';
initializeIcons();
import Slider from 'react-slick';
export default class Birthday extends React.Component<IBirthdayProps, {}> {
public next() {
this.slider.slickNext();
}
public previous() {
this.slider.slickPrev();
}
public render(): React.ReactElement<IBirthdayProps> {
const settings = {
dots: true,
infinite: true,
rows: 2,
slidesPerRow: 2,
slidesToShow: 1,
speed: 500,
appendDots: dots => (
<div
style={{
backgroundColor: '#ddd',
padding: …Run Code Online (Sandbox Code Playgroud)