import React from "react";
import RbacWrapper from "../../components/rbac-wrapper/rbac-wrapper.component";
import TimeTicketShift from "../../components/time-ticket-shift/time-ticket-shift.container";
import FeatureWrapperComponent from "../../components/feature-wrapper/feature-wrapper.component";
import { Card } from "antd";
import UpsellComponent, { upsellEnum } from "../../components/upsell/upsell.component";

export default function ShiftClock() {
  return (
    <FeatureWrapperComponent
      featureName="timetickets"
      noauth={
        <Card>
          <UpsellComponent upsell={upsellEnum.dashboard.general} />
        </Card>
      }
    >
      <RbacWrapper action="shiftclock:view">
        <TimeTicketShift />
      </RbacWrapper>
    </FeatureWrapperComponent>
  );
}