import React from 'react';
import { HelperText, HelperTextItem } from '@breakaway/preact-core';

export const HelperTextStaticWithDefaultIcon: React.FunctionComponent = () => (
  <React.Fragment>
    <HelperText>
      <HelperTextItem hasIcon>This is default helper text</HelperTextItem>
    </HelperText>
    <HelperText>
      <HelperTextItem variant="indeterminate" hasIcon>
        This is indeterminate helper text
      </HelperTextItem>
    </HelperText>
    <HelperText>
      <HelperTextItem variant="warning" hasIcon>
        This is warning helper text
      </HelperTextItem>
    </HelperText>
    <HelperText>
      <HelperTextItem variant="success" hasIcon>
        This is success helper text
      </HelperTextItem>
    </HelperText>
    <HelperText>
      <HelperTextItem variant="error" hasIcon>
        This is error helper text
      </HelperTextItem>
    </HelperText>
  </React.Fragment>
);