irisrad-ui
Version:
UI elements developered for IRIS R&D Group Inc
422 lines (415 loc) • 30.3 kB
JavaScript
import React from "react";
import { IrisDrawer } from "./IrisDrawer"; // ui element
// export for StoryBook as a tab
export default {
title: "Example/IrisDrawer", // could be represent on the url, example could be a root of the node
component: IrisDrawer,
parameters: {
layout: "none",
},
};
const Template = (args) => (
<div
style={{
display: "flex",
maxHeight: "100vh",
}}
>
<IrisDrawer
minWidth={60}
maxWidth={Number(args.maxWidth)}
open={args.open}
></IrisDrawer>
<div
style={{
flexGrow: 1,
padding: "2em",
overflowY: "scroll",
}}
>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolore commodi
facere tempore, perspiciatis distinctio sequi beatae consequuntur
voluptates laborum accusamus exercitationem rerum molestiae esse sit
excepturi rem pariatur ipsa non maxime eveniet recusandae earum neque
minima? Voluptate natus, impedit animi earum amet repellendus distinctio
in explicabo, reprehenderit porro nemo iusto numquam quam unde provident
iste recusandae illo. Aliquam esse quos impedit aliquid obcaecati velit,
quisquam eaque nesciunt. Tenetur ipsum, labore fugiat voluptates
laboriosam assumenda ab ratione distinctio, natus quam molestias
similique, saepe aliquid dolor ex fugit. Sunt nam beatae, tempore, nulla
cum omnis vel officiis odit quo veniam sequi aut quod aperiam perferendis
consequatur laudantium inventore sit consequuntur explicabo, iure
veritatis. In ut eveniet nulla voluptate nisi, perspiciatis obcaecati
expedita? Eligendi, molestias? Asperiores autem, repellat aspernatur
laboriosam culpa expedita necessitatibus cum vitae libero voluptas
adipisci et dolorem? Possimus aliquid iusto, dolorum eum numquam dolore
porro tenetur aut eius error nobis commodi fugiat optio voluptatibus
maxime nulla quo quas est incidunt dignissimos odio natus. Sapiente
accusamus laudantium consequuntur, nulla nam veniam cumque fugiat incidunt
nesciunt voluptatem vel quisquam! Doloribus, voluptatem. Quasi officia
rerum fuga at. Voluptatem nam, iste aliquam laudantium consequuntur libero
nulla eveniet? Dolorum, eius. Ipsa, pariatur quia nihil, id earum
repellendus eveniet ad in sunt totam, reprehenderit molestiae aliquid
quisquam non error repudiandae esse quod. Consequuntur impedit sequi
asperiores enim facilis, blanditiis animi molestias. Numquam
exercitationem laboriosam cupiditate eius possimus nesciunt veniam magnam
ipsum velit magni! Veniam fuga cum temporibus, facere libero iure
reiciendis, voluptatem obcaecati cupiditate ut labore nulla. Sapiente
reiciendis quo ad, repellat voluptatem impedit tempore? Pariatur, ullam
maxime sed eius amet porro quos reprehenderit dolores ab expedita quidem
saepe odio repudiandae dolor nihil aspernatur numquam, nostrum
necessitatibus aut iste voluptatibus doloremque labore facilis velit!
Quod, dicta. Molestias minus iure quaerat animi ullam officiis, ut sequi
quasi nobis vel similique, natus tempora sapiente ea nostrum! Quibusdam
laborum corrupti enim quos, amet optio cumque sit vitae dolore explicabo
repellat at rem nam sint necessitatibus, eius magnam reprehenderit tempora
doloribus possimus corporis! Ratione ea consequatur maiores corporis
eligendi est, praesentium fuga cupiditate voluptatibus magnam dolore magni
similique suscipit quae tempora possimus non iste harum quisquam, quos
ipsum? Ut officiis saepe eligendi veniam eveniet aut aspernatur fuga sunt
sint veritatis provident labore quia quidem cupiditate, nobis ipsam!
Repudiandae quis soluta alias maxime magni ab illum et, hic necessitatibus
corrupti tempore, deleniti quo placeat saepe aliquid inventore nemo?
Minima odio iusto dolores, suscipit illo, deleniti pariatur cum minus
placeat voluptatum veniam laudantium provident adipisci ratione quasi
ducimus dolorem repellat nihil ipsa voluptatibus commodi in voluptas
temporibus sint. Dolor fugiat facere soluta, veniam, ipsum laudantium
necessitatibus praesentium nam nulla voluptates laboriosam ullam modi
voluptas. Sapiente ratione accusantium fugit error nisi quam, asperiores
explicabo nulla facere impedit animi, aliquid, rem illum? Quibusdam
adipisci, nulla cum ipsam voluptas alias autem in beatae recusandae, quasi
id illum cumque. Sit sint suscipit asperiores sed? Nihil dolor alias,
atque obcaecati aliquam suscipit velit neque reprehenderit fugiat vitae
unde tempora omnis, explicabo nobis praesentium voluptatibus facilis
debitis dolorum repellat, sequi quos repellendus harum autem non. Quod est
fuga dignissimos aliquid officia nisi sint illo ex, quia sed aliquam unde
quaerat placeat porro quidem beatae doloremque maxime ea aspernatur.
Itaque, magni ipsum temporibus facilis voluptates accusamus ullam ipsam
eaque mollitia officia odit, illum quasi atque dolorum reprehenderit eius
voluptatem! Facilis iste tempora molestias ab voluptatum ipsa corporis
consectetur. Fuga quidem, error impedit similique, dolor voluptatibus
laudantium ullam, eligendi ipsam repellendus quibusdam earum unde quas
autem vero corrupti nisi sint. Tenetur repellat praesentium, optio rerum
sequi maiores culpa similique. Earum dolores architecto ut expedita libero
eum dignissimos quos, ea ipsam optio doloremque, commodi mollitia quisquam
facilis ab deleniti consequatur similique quo at? Et incidunt cupiditate
aliquam. Unde id non repellat corrupti similique pariatur tempore
doloremque, magni earum consequuntur rerum doloribus tenetur laborum quis
numquam nisi itaque deserunt aspernatur dolore sint corporis? Minima nisi
nesciunt tenetur quisquam ut eum quo, labore dicta laudantium unde totam
deleniti iusto suscipit incidunt. Earum facere sint inventore quia ad,
modi, aut accusamus nulla eligendi incidunt aliquid architecto esse totam.
Ab totam, ipsum tempore quibusdam libero neque temporibus officiis
adipisci officia ratione quos minus quod praesentium cupiditate dolor
aspernatur esse iste. Est dolores veniam ex minima incidunt nulla, modi
aliquid molestiae aut quos pariatur, blanditiis eligendi, eius accusamus
impedit quam laborum nemo nostrum et exercitationem doloremque eaque magni
ipsum. Est dicta quam ab, debitis laborum distinctio mollitia dolor, ad
aliquam cum, in quo ullam recusandae! Nulla soluta quasi quae iure dicta
qui deserunt ex consequatur, eum et atque molestias. Alias nulla a
officia, hic delectus saepe? Nihil facilis deserunt quam. Accusamus
voluptate dolor magnam tempore blanditiis veritatis cupiditate? Amet illum
quam repellat dolorem alias voluptatem, nemo quidem cupiditate, provident
nesciunt cumque architecto illo, voluptas commodi debitis non aspernatur
ab voluptates nam quo repudiandae? Eius est aperiam repellat quam rem quia
quasi minus! Esse, incidunt exercitationem tempore reprehenderit optio,
veniam quibusdam animi veritatis laudantium iusto hic itaque. Soluta
facilis, dolor harum incidunt temporibus eius ipsa architecto inventore
possimus amet hic assumenda aperiam nisi! Quisquam, accusamus veritatis in
ratione eligendi expedita incidunt impedit nobis excepturi. Doloremque
praesentium quasi assumenda asperiores aperiam rerum iste ipsam nam
repellat? Accusamus, nihil optio maxime quasi molestias cumque non fuga
esse, animi atque sint veritatis omnis, earum id enim. Asperiores,
consequuntur necessitatibus quod quaerat voluptate dolore. Consequatur
debitis, exceptur Lorem ipsum dolor, sit amet consectetur adipisicing
elit. Dolore commodi facere tempore, perspiciatis distinctio sequi beatae
consequuntur voluptates laborum accusamus exercitationem rerum molestiae
esse sit excepturi rem pariatur ipsa non maxime eveniet recusandae earum
neque minima? Voluptate natus, impedit animi earum amet repellendus
distinctio in explicabo, reprehenderit porro nemo iusto numquam quam unde
provident iste recusandae illo. Aliquam esse quos impedit aliquid
obcaecati velit, quisquam eaque nesciunt. Tenetur ipsum, labore fugiat
voluptates laboriosam assumenda ab ratione distinctio, natus quam
molestias similique, saepe aliquid dolor ex fugit. Sunt nam beatae,
tempore, nulla cum omnis vel officiis odit quo veniam sequi aut quod
aperiam perferendis consequatur laudantium inventore sit consequuntur
explicabo, iure veritatis. In ut eveniet nulla voluptate nisi,
perspiciatis obcaecati expedita? Eligendi, molestias? Asperiores autem,
repellat aspernatur laboriosam culpa expedita necessitatibus cum vitae
libero voluptas adipisci et dolorem? Possimus aliquid iusto, dolorum eum
numquam dolore porro tenetur aut eius error nobis commodi fugiat optio
voluptatibus maxime nulla quo quas est incidunt dignissimos odio natus.
Sapiente accusamus laudantium consequuntur, nulla nam veniam cumque fugiat
incidunt nesciunt voluptatem vel quisquam! Doloribus, voluptatem. Quasi
officia rerum fuga at. Voluptatem nam, iste aliquam laudantium
consequuntur libero nulla eveniet? Dolorum, eius. Ipsa, pariatur quia
nihil, id earum repellendus eveniet ad in sunt totam, reprehenderit
molestiae aliquid quisquam non error repudiandae esse quod. Consequuntur
impedit sequi asperiores enim facilis, blanditiis animi molestias. Numquam
exercitationem laboriosam cupiditate eius possimus nesciunt veniam magnam
ipsum velit magni! Veniam fuga cum temporibus, facere libero iure
reiciendis, voluptatem obcaecati cupiditate ut labore nulla. Sapiente
reiciendis quo ad, repellat voluptatem impedit tempore? Pariatur, ullam
maxime sed eius amet porro quos reprehenderit dolores ab expedita quidem
saepe odio repudiandae dolor nihil aspernatur numquam, nostrum
necessitatibus aut iste voluptatibus doloremque labore facilis velit!
Quod, dicta. Molestias minus iure quaerat animi ullam officiis, ut sequi
quasi nobis vel similique, natus tempora sapiente ea nostrum! Quibusdam
laborum corrupti enim quos, amet optio cumque sit vitae dolore explicabo
repellat at rem nam sint necessitatibus, eius magnam reprehenderit tempora
doloribus possimus corporis! Ratione ea consequatur maiores corporis
eligendi est, praesentium fuga cupiditate voluptatibus magnam dolore magni
similique suscipit quae tempora possimus non iste harum quisquam, quos
ipsum? Ut officiis saepe eligendi veniam eveniet aut aspernatur fuga sunt
sint veritatis provident labore quia quidem cupiditate, nobis ipsam!
Repudiandae quis soluta alias maxime magni ab illum et, hic necessitatibus
corrupti tempore, deleniti quo placeat saepe aliquid inventore nemo?
Minima odio iusto dolores, suscipit illo, deleniti pariatur cum minus
placeat voluptatum veniam laudantium provident adipisci ratione quasi
ducimus dolorem repellat nihil ipsa voluptatibus commodi in voluptas
temporibus sint. Dolor fugiat facere soluta, veniam, ipsum laudantium
necessitatibus praesentium nam nulla voluptates laboriosam ullam modi
voluptas. Sapiente ratione accusantium fugit error nisi quam, asperiores
explicabo nulla facere impedit animi, aliquid, rem illum? Quibusdam
adipisci, nulla cum ipsam voluptas alias autem in beatae recusandae, quasi
id illum cumque. Sit sint suscipit asperiores sed? Nihil dolor alias,
atque obcaecati aliquam suscipit velit neque reprehenderit fugiat vitae
unde tempora omnis, explicabo nobis praesentium voluptatibus facilis
debitis dolorum repellat, sequi quos repellendus harum autem non. Quod est
fuga dignissimos aliquid officia nisi sint illo ex, quia sed aliquam unde
quaerat placeat porro quidem beatae doloremque maxime ea aspernatur.
Itaque, magni ipsum temporibus facilis voluptates accusamus ullam ipsam
eaque mollitia officia odit, illum quasi atque dolorum reprehenderit eius
voluptatem! Facilis iste tempora molestias ab voluptatum ipsa corporis
consectetur. Fuga quidem, error impedit similique, dolor voluptatibus
laudantium ullam, eligendi ipsam repellendus quibusdam earum unde quas
autem vero corrupti nisi sint. Tenetur repellat praesentium, optio rerum
sequi maiores culpa similique. Earum dolores architecto ut expedita libero
eum dignissimos quos, ea ipsam optio doloremque, commodi mollitia quisquam
facilis ab deleniti consequatur similique quo at? Et incidunt cupiditate
aliquam. Unde id non repellat corrupti similique pariatur tempore
doloremque, magni earum consequuntur rerum doloribus tenetur laborum quis
numquam nisi itaque deserunt aspernatur dolore sint corporis? Minima nisi
nesciunt tenetur quisquam ut eum quo, labore dicta laudantium unde totam
deleniti iusto suscipit incidunt. Earum facere sint inventore quia ad,
modi, aut accusamus nulla eligendi incidunt aliquid architecto esse totam.
Ab totam, ipsum tempore quibusdam libero neque temporibus officiis
adipisci officia ratione quos minus quod praesentium cupiditate dolor
aspernatur esse iste. Est dolores veniam ex minima incidunt nulla, modi
aliquid molestiae aut quos pariatur, blanditiis eligendi, eius accusamus
impedit quam laborum nemo nostrum et exercitationem doloremque eaque magni
ipsum. Est dicta quam ab, debitis laborum distinctio mollitia dolor, ad
aliquam cum, in quo ullam recusandae! Nulla soluta quasi quae iure dicta
qui deserunt ex consequatur, eum et atque molestias. Alias nulla a
officia, hic delectus saepe? Nihil facilis deserunt quam. Accusamus
voluptate dolor magnam tempore blanditiis veritatis cupiditate? Amet illum
quam repellat dolorem alias voluptatem, nemo quidem cupiditate, provident
nesciunt cumque architecto illo, voluptas commodi debitis non aspernatur
ab voluptates nam quo repudiandae? Eius est aperiam repellat quam rem quia
quasi minus! Esse, incidunt exercitationem tempore reprehenderit optio,
veniam quibusdam animi veritatis laudantium iusto hic itaque. Soluta
facilis, dolor harum incidunt temporibus eius ipsa architecto inventore
possimus amet hic assumenda aperiam nisi! Quisquam, accusamus veritatis in
ratione eligendi expedita incidunt impedit nobis excepturi. Doloremque
praesentium quasi assumenda asperiores aperiam rerum iste ipsam nam
repellat? Accusamus, nihil optio maxime quasi molestias cumque non fuga
esse, animi atque sint veritatis omnis, earum id enim. Asperiores,
consequuntur necessitatibus quod quaerat voluptate dolore. Consequatur
debitis, exceptur Lorem ipsum dolor, sit amet consectetur adipisicing
elit. Dolore commodi facere tempore, perspiciatis distinctio sequi beatae
consequuntur voluptates laborum accusamus exercitationem rerum molestiae
esse sit excepturi rem pariatur ipsa non maxime eveniet recusandae earum
neque minima? Voluptate natus, impedit animi earum amet repellendus
distinctio in explicabo, reprehenderit porro nemo iusto numquam quam unde
provident iste recusandae illo. Aliquam esse quos impedit aliquid
obcaecati velit, quisquam eaque nesciunt. Tenetur ipsum, labore fugiat
voluptates laboriosam assumenda ab ratione distinctio, natus quam
molestias similique, saepe aliquid dolor ex fugit. Sunt nam beatae,
tempore, nulla cum omnis vel officiis odit quo veniam sequi aut quod
aperiam perferendis consequatur laudantium inventore sit consequuntur
explicabo, iure veritatis. In ut eveniet nulla voluptate nisi,
perspiciatis obcaecati expedita? Eligendi, molestias? Asperiores autem,
repellat aspernatur laboriosam culpa expedita necessitatibus cum vitae
libero voluptas adipisci et dolorem? Possimus aliquid iusto, dolorum eum
numquam dolore porro tenetur aut eius error nobis commodi fugiat optio
voluptatibus maxime nulla quo quas est incidunt dignissimos odio natus.
Sapiente accusamus laudantium consequuntur, nulla nam veniam cumque fugiat
incidunt nesciunt voluptatem vel quisquam! Doloribus, voluptatem. Quasi
officia rerum fuga at. Voluptatem nam, iste aliquam laudantium
consequuntur libero nulla eveniet? Dolorum, eius. Ipsa, pariatur quia
nihil, id earum repellendus eveniet ad in sunt totam, reprehenderit
molestiae aliquid quisquam non error repudiandae esse quod. Consequuntur
impedit sequi asperiores enim facilis, blanditiis animi molestias. Numquam
exercitationem laboriosam cupiditate eius possimus nesciunt veniam magnam
ipsum velit magni! Veniam fuga cum temporibus, facere libero iure
reiciendis, voluptatem obcaecati cupiditate ut labore nulla. Sapiente
reiciendis quo ad, repellat voluptatem impedit tempore? Pariatur, ullam
maxime sed eius amet porro quos reprehenderit dolores ab expedita quidem
saepe odio repudiandae dolor nihil aspernatur numquam, nostrum
necessitatibus aut iste voluptatibus doloremque labore facilis velit!
Quod, dicta. Molestias minus iure quaerat animi ullam officiis, ut sequi
quasi nobis vel similique, natus tempora sapiente ea nostrum! Quibusdam
laborum corrupti enim quos, amet optio cumque sit vitae dolore explicabo
repellat at rem nam sint necessitatibus, eius magnam reprehenderit tempora
doloribus possimus corporis! Ratione ea consequatur maiores corporis
eligendi est, praesentium fuga cupiditate voluptatibus magnam dolore magni
similique suscipit quae tempora possimus non iste harum quisquam, quos
ipsum? Ut officiis saepe eligendi veniam eveniet aut aspernatur fuga sunt
sint veritatis provident labore quia quidem cupiditate, nobis ipsam!
Repudiandae quis soluta alias maxime magni ab illum et, hic necessitatibus
corrupti tempore, deleniti quo placeat saepe aliquid inventore nemo?
Minima odio iusto dolores, suscipit illo, deleniti pariatur cum minus
placeat voluptatum veniam laudantium provident adipisci ratione quasi
ducimus dolorem repellat nihil ipsa voluptatibus commodi in voluptas
temporibus sint. Dolor fugiat facere soluta, veniam, ipsum laudantium
necessitatibus praesentium nam nulla voluptates laboriosam ullam modi
voluptas. Sapiente ratione accusantium fugit error nisi quam, asperiores
explicabo nulla facere impedit animi, aliquid, rem illum? Quibusdam
adipisci, nulla cum ipsam voluptas alias autem in beatae recusandae, quasi
id illum cumque. Sit sint suscipit asperiores sed? Nihil dolor alias,
atque obcaecati aliquam suscipit velit neque reprehenderit fugiat vitae
unde tempora omnis, explicabo nobis praesentium voluptatibus facilis
debitis dolorum repellat, sequi quos repellendus harum autem non. Quod est
fuga dignissimos aliquid officia nisi sint illo ex, quia sed aliquam unde
quaerat placeat porro quidem beatae doloremque maxime ea aspernatur.
Itaque, magni ipsum temporibus facilis voluptates accusamus ullam ipsam
eaque mollitia officia odit, illum quasi atque dolorum reprehenderit eius
voluptatem! Facilis iste tempora molestias ab voluptatum ipsa corporis
consectetur. Fuga quidem, error impedit similique, dolor voluptatibus
laudantium ullam, eligendi ipsam repellendus quibusdam earum unde quas
autem vero corrupti nisi sint. Tenetur repellat praesentium, optio rerum
sequi maiores culpa similique. Earum dolores architecto ut expedita libero
eum dignissimos quos, ea ipsam optio doloremque, commodi mollitia quisquam
facilis ab deleniti consequatur similique quo at? Et incidunt cupiditate
aliquam. Unde id non repellat corrupti similique pariatur tempore
doloremque, magni earum consequuntur rerum doloribus tenetur laborum quis
numquam nisi itaque deserunt aspernatur dolore sint corporis? Minima nisi
nesciunt tenetur quisquam ut eum quo, labore dicta laudantium unde totam
deleniti iusto suscipit incidunt. Earum facere sint inventore quia ad,
modi, aut accusamus nulla eligendi incidunt aliquid architecto esse totam.
Ab totam, ipsum tempore quibusdam libero neque temporibus officiis
adipisci officia ratione quos minus quod praesentium cupiditate dolor
aspernatur esse iste. Est dolores veniam ex minima incidunt nulla, modi
aliquid molestiae aut quos pariatur, blanditiis eligendi, eius accusamus
impedit quam laborum nemo nostrum et exercitationem doloremque eaque magni
ipsum. Est dicta quam ab, debitis laborum distinctio mollitia dolor, ad
aliquam cum, in quo ullam recusandae! Nulla soluta quasi quae iure dicta
qui deserunt ex consequatur, eum et atque molestias. Alias nulla a
officia, hic delectus saepe? Nihil facilis deserunt quam. Accusamus
voluptate dolor magnam tempore blanditiis veritatis cupiditate? Amet illum
quam repellat dolorem alias voluptatem, nemo quidem cupiditate, provident
nesciunt cumque architecto illo, voluptas commodi debitis non aspernatur
ab voluptates nam quo repudiandae? Eius est aperiam repellat quam rem quia
quasi minus! Esse, incidunt exercitationem tempore reprehenderit optio,
veniam quibusdam animi veritatis laudantium iusto hic itaque. Soluta
facilis, dolor harum incidunt temporibus eius ipsa architecto inventore
possimus amet hic assumenda aperiam nisi! Quisquam, accusamus veritatis in
ratione eligendi expedita incidunt impedit nobis excepturi. Doloremque
praesentium quasi assumenda asperiores aperiam rerum iste ipsam nam
repellat? Accusamus, nihil optio maxime quasi molestias cumque non fuga
esse, animi atque sint veritatis omnis, earum id enim. Asperiores,
consequuntur necessitatibus quod quaerat voluptate dolore. Consequatur
debitis, exceptur Lorem ipsum dolor, sit amet consectetur adipisicing
elit. Dolore commodi facere tempore, perspiciatis distinctio sequi beatae
consequuntur voluptates laborum accusamus exercitationem rerum molestiae
esse sit excepturi rem pariatur ipsa non maxime eveniet recusandae earum
neque minima? Voluptate natus, impedit animi earum amet repellendus
distinctio in explicabo, reprehenderit porro nemo iusto numquam quam unde
provident iste recusandae illo. Aliquam esse quos impedit aliquid
obcaecati velit, quisquam eaque nesciunt. Tenetur ipsum, labore fugiat
voluptates laboriosam assumenda ab ratione distinctio, natus quam
molestias similique, saepe aliquid dolor ex fugit. Sunt nam beatae,
tempore, nulla cum omnis vel officiis odit quo veniam sequi aut quod
aperiam perferendis consequatur laudantium inventore sit consequuntur
explicabo, iure veritatis. In ut eveniet nulla voluptate nisi,
perspiciatis obcaecati expedita? Eligendi, molestias? Asperiores autem,
repellat aspernatur laboriosam culpa expedita necessitatibus cum vitae
libero voluptas adipisci et dolorem? Possimus aliquid iusto, dolorum eum
numquam dolore porro tenetur aut eius error nobis commodi fugiat optio
voluptatibus maxime nulla quo quas est incidunt dignissimos odio natus.
Sapiente accusamus laudantium consequuntur, nulla nam veniam cumque fugiat
incidunt nesciunt voluptatem vel quisquam! Doloribus, voluptatem. Quasi
officia rerum fuga at. Voluptatem nam, iste aliquam laudantium
consequuntur libero nulla eveniet? Dolorum, eius. Ipsa, pariatur quia
nihil, id earum repellendus eveniet ad in sunt totam, reprehenderit
molestiae aliquid quisquam non error repudiandae esse quod. Consequuntur
impedit sequi asperiores enim facilis, blanditiis animi molestias. Numquam
exercitationem laboriosam cupiditate eius possimus nesciunt veniam magnam
ipsum velit magni! Veniam fuga cum temporibus, facere libero iure
reiciendis, voluptatem obcaecati cupiditate ut labore nulla. Sapiente
reiciendis quo ad, repellat voluptatem impedit tempore? Pariatur, ullam
maxime sed eius amet porro quos reprehenderit dolores ab expedita quidem
saepe odio repudiandae dolor nihil aspernatur numquam, nostrum
necessitatibus aut iste voluptatibus doloremque labore facilis velit!
Quod, dicta. Molestias minus iure quaerat animi ullam officiis, ut sequi
quasi nobis vel similique, natus tempora sapiente ea nostrum! Quibusdam
laborum corrupti enim quos, amet optio cumque sit vitae dolore explicabo
repellat at rem nam sint necessitatibus, eius magnam reprehenderit tempora
doloribus possimus corporis! Ratione ea consequatur maiores corporis
eligendi est, praesentium fuga cupiditate voluptatibus magnam dolore magni
similique suscipit quae tempora possimus non iste harum quisquam, quos
ipsum? Ut officiis saepe eligendi veniam eveniet aut aspernatur fuga sunt
sint veritatis provident labore quia quidem cupiditate, nobis ipsam!
Repudiandae quis soluta alias maxime magni ab illum et, hic necessitatibus
corrupti tempore, deleniti quo placeat saepe aliquid inventore nemo?
Minima odio iusto dolores, suscipit illo, deleniti pariatur cum minus
placeat voluptatum veniam laudantium provident adipisci ratione quasi
ducimus dolorem repellat nihil ipsa voluptatibus commodi in voluptas
temporibus sint. Dolor fugiat facere soluta, veniam, ipsum laudantium
necessitatibus praesentium nam nulla voluptates laboriosam ullam modi
voluptas. Sapiente ratione accusantium fugit error nisi quam, asperiores
explicabo nulla facere impedit animi, aliquid, rem illum? Quibusdam
adipisci, nulla cum ipsam voluptas alias autem in beatae recusandae, quasi
id illum cumque. Sit sint suscipit asperiores sed? Nihil dolor alias,
atque obcaecati aliquam suscipit velit neque reprehenderit fugiat vitae
unde tempora omnis, explicabo nobis praesentium voluptatibus facilis
debitis dolorum repellat, sequi quos repellendus harum autem non. Quod est
fuga dignissimos aliquid officia nisi sint illo ex, quia sed aliquam unde
quaerat placeat porro quidem beatae doloremque maxime ea aspernatur.
Itaque, magni ipsum temporibus facilis voluptates accusamus ullam ipsam
eaque mollitia officia odit, illum quasi atque dolorum reprehenderit eius
voluptatem! Facilis iste tempora molestias ab voluptatum ipsa corporis
consectetur. Fuga quidem, error impedit similique, dolor voluptatibus
laudantium ullam, eligendi ipsam repellendus quibusdam earum unde quas
autem vero corrupti nisi sint. Tenetur repellat praesentium, optio rerum
sequi maiores culpa similique. Earum dolores architecto ut expedita libero
eum dignissimos quos, ea ipsam optio doloremque, commodi mollitia quisquam
facilis ab deleniti consequatur similique quo at? Et incidunt cupiditate
aliquam. Unde id non repellat corrupti similique pariatur tempore
doloremque, magni earum consequuntur rerum doloribus tenetur laborum quis
numquam nisi itaque deserunt aspernatur dolore sint corporis? Minima nisi
nesciunt tenetur quisquam ut eum quo, labore dicta laudantium unde totam
deleniti iusto suscipit incidunt. Earum facere sint inventore quia ad,
modi, aut accusamus nulla eligendi incidunt aliquid architecto esse totam.
Ab totam, ipsum tempore quibusdam libero neque temporibus officiis
adipisci officia ratione quos minus quod praesentium cupiditate dolor
aspernatur esse iste. Est dolores veniam ex minima incidunt nulla, modi
aliquid molestiae aut quos pariatur, blanditiis eligendi, eius accusamus
impedit quam laborum nemo nostrum et exercitationem doloremque eaque magni
ipsum. Est dicta quam ab, debitis laborum distinctio mollitia dolor, ad
aliquam cum, in quo ullam recusandae! Nulla soluta quasi quae iure dicta
qui deserunt ex consequatur, eum et atque molestias. Alias nulla a
officia, hic delectus saepe? Nihil facilis deserunt quam. Accusamus
voluptate dolor magnam tempore blanditiis veritatis cupiditate? Amet illum
quam repellat dolorem alias voluptatem, nemo quidem cupiditate, provident
nesciunt cumque architecto illo, voluptas commodi debitis non aspernatur
ab voluptates nam quo repudiandae? Eius est aperiam repellat quam rem quia
quasi minus! Esse, incidunt exercitationem tempore reprehenderit optio,
veniam quibusdam animi veritatis laudantium iusto hic itaque. Soluta
facilis, dolor harum incidunt temporibus eius ipsa architecto inventore
possimus amet hic assumenda aperiam nisi! Quisquam, accusamus veritatis in
ratione eligendi expedita incidunt impedit nobis excepturi. Doloremque
praesentium quasi assumenda asperiores aperiam rerum iste ipsam nam
repellat? Accusamus, nihil optio maxime quasi molestias cumque non fuga
esse, animi atque sint veritatis omnis, earum id enim. Asperiores,
consequuntur necessitatibus quod quaerat voluptate dolore. Consequatur
debitis, exceptur
</div>
</div>
);
// define a variant of the ui component
export const Primary = Template.bind({});
Primary.args = {
open: false,
maxWidth: 200,
};