JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr{ gilour

File "billing-period-control.tsx"

Full Path: /home/markqprx/iniasli.pro/client/billing/pricing-table/billing-period-control.tsx
File size: 714 bytes
MIME-type: text/plain
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
import {SegmentedRadio} from '../../ui/forms/segmented-radio-group/segmented-radio';
import {Trans} from '../../i18n/trans';
import {
  SegmentedRadioGroup,
  SegmentedRadioGroupProps,
} from '../../ui/forms/segmented-radio-group/segmented-radio-group';

interface BillingPeriodControlProps
  extends Omit<SegmentedRadioGroupProps, 'children'> {}
export function BillingPeriodControl(props: BillingPeriodControlProps) {
  return (
    <SegmentedRadioGroup {...props}>
      <SegmentedRadio value="monthly">
        <Trans message="Monthly billing" />
      </SegmentedRadio>
      <SegmentedRadio value="yearly">
        <Trans message="Yearly billing" />
      </SegmentedRadio>
    </SegmentedRadioGroup>
  );
}