wix-style-react/src/CalendarPanelFooter/docs/CalendarPanelFooter.content.js

wix-style-react

export default {
  description:
    'Calendar panel footer is an internal component that is designed to layout submit actions for a date selector. It is used as a part of the `<CalendarPanel/>` component.',
  do: [
    'Use it as a fundamental part of <CalendarPanel/> to display submit actions and selected date',
  ],
  dont: [
    'Don’t use it as a standalone component. Use it inside of <CalendarPanel/> only.',
  ],
  featureExamples: [
    {
      title: 'Actions',
      description: `Define labels for main actions with \`primaryActionLabel\` and \`secondaryActionLabel\` props.
        Both submit and discard actions are mandatory and cannot be removed.`,
      example: '_actions',
    },
    {
      title: 'Disabled Action',
      description: `Disable primary action interactions with \`primaryActionDisabled\` prop.
        Use it to restrict users from submitting invalid selections.`,
      example: '_disabledAction',
    },
    {
      title: 'Selected Days',
      description: `Display a selected date or a date range using \`selectedDays\` prop.
        Use it to inform users about active selection before submission.`,
      example: '_selectedDays',
    },
  ],
  commonUseCaseExamples: [
    {
      title: 'Calendar Panel',
      description: `Use calendar panel footer as a fundamental part of \`<CalendarPanel/>\` that requires user confirmation in order to submit and save a selection. `,
      example: '_calendarPanel',
    },
  ],
};