File "index.tsx"
Full Path: /home/warrior1/public_html/wp-content-20241001222009/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/read-more/stories/index.tsx
File size: 1.7 KB
MIME-type: text/html
Charset: utf-8
/**
* External dependencies
*/
import { Story, Meta } from '@storybook/react';
/**
* Internal dependencies
*/
import ReadMore, { defaultProps, ReadMoreProps } from '..';
export default {
title: 'WooCommerce Blocks/@base-components/ReadMore',
component: ReadMore,
args: defaultProps,
argTypes: {
children: { control: { disable: true } },
},
} as Meta< ReadMoreProps >;
const LongText = (
<>
<h1>
No! Alderaan is peaceful. We have no weapons. You can't
possibly…
</h1>
<p>
As you wish. But with the blast shield down, I can't even see!
How am I supposed to fight? Look, I ain't in this for your
revolution, and I'm not in it for you, Princess. I expect to be
well paid. I'm in it for the money.
</p>
<p>
You mean it controls your actions?
<strong>
{ ' ' }
She must have hidden the plans in the escape pod.
</strong>{ ' ' }
<em>
Send a detachment down to retrieve them, and see to it
personally, Commander.
</em>
There'll be no one to stop us this time!
</p>
<h2>Escape is not his plan. I must face him, alone.</h2>
<ol>
<li>Partially, but it also obeys your commands.</li>
<li>
Leave that to me. Send a distress signal, and inform the Senate
that all on board were killed.
</li>
<li>
A tremor in the Force. The last time I felt it was in the
presence of my old master.
</li>
</ol>
<aside>
<a href="http://fillerama.io">
Content from http://fillerama.io "Star Wars"
</a>
</aside>
</>
);
const Template: Story< ReadMoreProps > = ( args ) => <ReadMore { ...args } />;
export const Default = Template.bind( {} );
Default.args = {
children: LongText,
maxLines: 6,
};