/** @jsxRuntime classic */
/** @jsx jsx */
import { jsx } from '@udecode/plate-test-utils';

jsx;

export const fontValue: any = (
  <fragment>
    <hh2>Colors</hh2>
    <hp>
      Add{' '}
      <htext color="white" backgroundColor="#df4538">
        m
      </htext>
      <htext color="white" backgroundColor="#e2533a">
        u
      </htext>
      <htext color="white" backgroundColor="#e6603d">
        l
      </htext>
      <htext color="white" backgroundColor="#e96f40">
        t
      </htext>
      <htext color="white" backgroundColor="#ec7d43">
        i
      </htext>
      <htext color="white" backgroundColor="#ef8a45">
        p
      </htext>
      <htext color="white" backgroundColor="#f29948">
        l
      </htext>
      <htext color="white" backgroundColor="#f5a74b">
        e
      </htext>{' '}
      <htext color="rgb(252, 109, 38)">font</htext> and{' '}
      <htext color="white" backgroundColor="rgb(252, 109, 38)">
        background
      </htext>{' '}
      colors to create vibrant and eye-catching text.
    </hp>
  </fragment>
);
